diff --git a/gnx-react/app/case-study/[slug]/page.tsx b/gnx-react/app/case-study/[slug]/page.tsx
index 5fc60eef..7560d760 100644
--- a/gnx-react/app/case-study/[slug]/page.tsx
+++ b/gnx-react/app/case-study/[slug]/page.tsx
@@ -6,14 +6,22 @@ import Footer from "@/components/shared/layout/footer/Footer";
 import CaseStudyScrollProgressButton from "@/components/pages/case-study/CaseStudyScrollProgressButton";
 import CaseStudyInitAnimations from "@/components/pages/case-study/CaseStudyInitAnimations";
 
-const page = () => {
+interface PageProps {
+  params: Promise<{
+    slug: string;
+  }>;
+}
+
+const page = async ({ params }: PageProps) => {
+  const { slug } = await params;
+  
   return (
     <div className="tp-app">
       <Header />
       <main>
-        <CaseSingle />
-        <Process />
-        <RelatedCase />
+        <CaseSingle slug={slug} />
+        <Process slug={slug} />
+        <RelatedCase slug={slug} />
       </main>
       <Footer />
       <CaseStudyScrollProgressButton />
diff --git a/gnx-react/app/blog/[slug]/page.tsx b/gnx-react/app/insights/[slug]/page.tsx
similarity index 100%
rename from gnx-react/app/blog/[slug]/page.tsx
rename to gnx-react/app/insights/[slug]/page.tsx
diff --git a/gnx-react/app/blog/page.tsx b/gnx-react/app/insights/page.tsx
similarity index 100%
rename from gnx-react/app/blog/page.tsx
rename to gnx-react/app/insights/page.tsx
diff --git a/gnx-react/backend/blog/README.md b/gnx-react/backend/blog/README.md
new file mode 100644
index 00000000..303bea13
--- /dev/null
+++ b/gnx-react/backend/blog/README.md
@@ -0,0 +1,213 @@
+# Blog API Documentation
+
+This document provides information about the Blog API implementation for the GNX Software Solutions website.
+
+## Overview
+
+The Blog API is a RESTful API built with Django REST Framework that provides endpoints for managing blog posts, categories, authors, tags, and comments.
+
+## Backend Setup
+
+### Models
+
+The blog app includes the following models:
+
+1. **BlogAuthor** - Stores information about blog post authors
+2. **BlogCategory** - Categories for organizing blog posts
+3. **BlogTag** - Tags for additional post categorization
+4. **BlogPost** - The main blog post model
+5. **BlogComment** - Comments on blog posts (with moderation support)
+
+### API Endpoints
+
+Base URL: `/api/blog/`
+
+#### Blog Posts
+
+- `GET /api/blog/posts/` - List all blog posts (with pagination and filtering)
+  - Query parameters:
+    - `category` - Filter by category slug
+    - `tag` - Filter by tag slug
+    - `author` - Filter by author ID
+    - `search` - Search in title, content, and excerpt
+    - `featured` - Filter featured posts
+    - `ordering` - Sort by fields (e.g., `-published_at`, `views_count`)
+    - `page` - Page number
+    - `page_size` - Items per page (default: 9)
+
+- `GET /api/blog/posts/{slug}/` - Get a single blog post by slug
+- `GET /api/blog/posts/featured/` - Get featured blog posts
+- `GET /api/blog/posts/latest/?limit=5` - Get latest blog posts
+- `GET /api/blog/posts/popular/?limit=5` - Get popular posts by views
+- `GET /api/blog/posts/{id}/related/` - Get related posts
+
+#### Categories
+
+- `GET /api/blog/categories/` - List all categories
+- `GET /api/blog/categories/{slug}/` - Get a single category by slug
+- `GET /api/blog/categories/with_posts/` - Get categories that have published posts
+
+#### Authors
+
+- `GET /api/blog/authors/` - List all authors
+- `GET /api/blog/authors/{id}/` - Get a single author
+- `GET /api/blog/authors/{id}/posts/` - Get all posts by an author
+
+#### Tags
+
+- `GET /api/blog/tags/` - List all tags
+- `GET /api/blog/tags/{slug}/` - Get a single tag by slug
+- `GET /api/blog/tags/{slug}/posts/` - Get all posts with a specific tag
+
+#### Comments
+
+- `GET /api/blog/comments/?post={post_id}` - Get comments for a post
+- `POST /api/blog/comments/` - Create a new comment (requires moderation)
+
+### Management Commands
+
+#### Populate Blog Data
+
+To populate the database with sample blog data:
+
+```bash
+python manage.py populate_blog
+```
+
+This command creates:
+- 4 sample authors
+- 6 blog categories
+- 16 tags
+- 8 sample blog posts with full content
+
+## Frontend Integration
+
+### API Service
+
+Location: `/lib/api/blogService.ts`
+
+The service provides functions for:
+- Fetching blog posts (with filtering)
+- Getting single posts by slug
+- Fetching categories, tags, and authors
+- Getting featured, latest, and popular posts
+- Managing comments
+
+### Custom Hooks
+
+Location: `/lib/hooks/useBlog.ts`
+
+Available hooks:
+- `useBlogPosts(params)` - Fetch paginated list of posts
+- `useBlogPost(slug)` - Fetch a single post
+- `useFeaturedPosts()` - Fetch featured posts
+- `useLatestPosts(limit)` - Fetch latest posts
+- `usePopularPosts(limit)` - Fetch popular posts
+- `useBlogCategories()` - Fetch all categories
+- `useBlogTags()` - Fetch all tags
+- `useBlogAuthors()` - Fetch all authors
+
+### Components
+
+The following components have been updated to use the API:
+
+1. **PostFilterButtons** - Fetches categories from API
+2. **PostFilterItems** - Fetches and filters blog posts by category
+3. **BlogSingle** - Fetches individual post by slug from URL params
+4. **LatestPost** - Fetches latest posts for the slider
+
+### Usage Examples
+
+#### Fetching All Posts
+
+```typescript
+const { posts, loading, error, pagination } = useBlogPosts({
+  category: 'enterprise-software',
+  page_size: 9
+});
+```
+
+#### Fetching a Single Post
+
+```typescript
+const { post, loading, error } = useBlogPost('api-first-approach-to-system-integration');
+```
+
+#### Fetching Latest Posts
+
+```typescript
+const { posts, loading, error } = useLatestPosts(5);
+```
+
+## Features
+
+### Backend Features
+
+1. **Pagination** - All list endpoints support pagination
+2. **Filtering** - Filter posts by category, tag, author, and search
+3. **Ordering** - Sort posts by date, views, etc.
+4. **View Tracking** - Automatically increment view count when a post is viewed
+5. **Related Posts** - Automatically suggest related posts from the same category
+6. **Comment Moderation** - Comments require approval before being visible
+7. **SEO Support** - Meta descriptions and keywords for each post
+8. **Reading Time** - Estimated reading time for posts
+9. **Tags System** - Flexible tagging for better categorization
+
+### Frontend Features
+
+1. **Real-time Data** - All data fetched from API
+2. **Loading States** - Proper loading indicators
+3. **Error Handling** - Graceful error handling with fallbacks
+4. **Image Optimization** - Uses Next.js Image component
+5. **Responsive Design** - Mobile-friendly layouts
+6. **Category Filtering** - Filter posts by category with smooth animations
+7. **Social Sharing** - Share posts on social media
+8. **Related Posts** - Automatically shows related posts
+9. **SEO Friendly** - Proper meta tags and structured data
+
+## Sample Data
+
+The populated sample data includes:
+
+### Categories
+- Enterprise Software
+- Digital Transformation
+- System Integration
+- Cloud Solutions
+- Security
+- API Development
+
+### Sample Post Topics
+1. The Future of Enterprise Software Architecture
+2. Digital Transformation Strategies for Large Enterprises
+3. API-First Approach to System Integration
+4. Cloud Migration Best Practices for Enterprise
+5. Enterprise Security in the Digital Age
+6. Building Scalable API Architectures
+7. Microservices Architecture for Enterprise Applications
+8. Data Analytics and Business Intelligence Solutions
+
+## Notes
+
+- All blog posts support HTML content
+- Images can be uploaded or linked via URL
+- Posts can be marked as featured
+- Comments require moderation before being visible
+- The API respects published status (unpublished posts are not returned)
+- View counts are automatically tracked
+- Related posts are determined by category
+
+## Future Enhancements
+
+Potential improvements:
+1. Add full-text search using Elasticsearch
+2. Implement post series/collections
+3. Add newsletter subscription functionality
+4. Implement post scheduling
+5. Add analytics dashboard
+6. Support for multiple authors per post
+7. Rich text editor in admin
+8. Image upload and management
+9. Post translations/i18n support
+10. RSS feed generation
+
diff --git a/gnx-react/backend/blog/__init__.py b/gnx-react/backend/blog/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/gnx-react/backend/blog/__pycache__/__init__.cpython-312.pyc b/gnx-react/backend/blog/__pycache__/__init__.cpython-312.pyc
new file mode 100644
index 00000000..369b18f5
Binary files /dev/null and b/gnx-react/backend/blog/__pycache__/__init__.cpython-312.pyc differ
diff --git a/gnx-react/backend/blog/__pycache__/admin.cpython-312.pyc b/gnx-react/backend/blog/__pycache__/admin.cpython-312.pyc
new file mode 100644
index 00000000..89be6967
Binary files /dev/null and b/gnx-react/backend/blog/__pycache__/admin.cpython-312.pyc differ
diff --git a/gnx-react/backend/blog/__pycache__/apps.cpython-312.pyc b/gnx-react/backend/blog/__pycache__/apps.cpython-312.pyc
new file mode 100644
index 00000000..ec32b0db
Binary files /dev/null and b/gnx-react/backend/blog/__pycache__/apps.cpython-312.pyc differ
diff --git a/gnx-react/backend/blog/__pycache__/models.cpython-312.pyc b/gnx-react/backend/blog/__pycache__/models.cpython-312.pyc
new file mode 100644
index 00000000..7ee929cc
Binary files /dev/null and b/gnx-react/backend/blog/__pycache__/models.cpython-312.pyc differ
diff --git a/gnx-react/backend/blog/__pycache__/serializers.cpython-312.pyc b/gnx-react/backend/blog/__pycache__/serializers.cpython-312.pyc
new file mode 100644
index 00000000..c9a87f4c
Binary files /dev/null and b/gnx-react/backend/blog/__pycache__/serializers.cpython-312.pyc differ
diff --git a/gnx-react/backend/blog/__pycache__/urls.cpython-312.pyc b/gnx-react/backend/blog/__pycache__/urls.cpython-312.pyc
new file mode 100644
index 00000000..f517a43d
Binary files /dev/null and b/gnx-react/backend/blog/__pycache__/urls.cpython-312.pyc differ
diff --git a/gnx-react/backend/blog/__pycache__/views.cpython-312.pyc b/gnx-react/backend/blog/__pycache__/views.cpython-312.pyc
new file mode 100644
index 00000000..a73fe83b
Binary files /dev/null and b/gnx-react/backend/blog/__pycache__/views.cpython-312.pyc differ
diff --git a/gnx-react/backend/blog/admin.py b/gnx-react/backend/blog/admin.py
new file mode 100644
index 00000000..932d7b68
--- /dev/null
+++ b/gnx-react/backend/blog/admin.py
@@ -0,0 +1,98 @@
+from django.contrib import admin
+from .models import BlogPost, BlogCategory, BlogAuthor, BlogTag, BlogComment
+
+
+@admin.register(BlogAuthor)
+class BlogAuthorAdmin(admin.ModelAdmin):
+    list_display = ['name', 'email', 'is_active', 'created_at']
+    list_filter = ['is_active', 'created_at']
+    search_fields = ['name', 'email']
+    ordering = ['name']
+
+
+@admin.register(BlogCategory)
+class BlogCategoryAdmin(admin.ModelAdmin):
+    list_display = ['title', 'slug', 'display_order', 'is_active', 'posts_count']
+    list_filter = ['is_active']
+    search_fields = ['title', 'slug']
+    prepopulated_fields = {'slug': ('title',)}
+    ordering = ['display_order', 'title']
+
+    def posts_count(self, obj):
+        return obj.posts.count()
+    posts_count.short_description = 'Posts Count'
+
+
+@admin.register(BlogTag)
+class BlogTagAdmin(admin.ModelAdmin):
+    list_display = ['name', 'slug', 'is_active', 'posts_count']
+    list_filter = ['is_active']
+    search_fields = ['name', 'slug']
+    prepopulated_fields = {'slug': ('name',)}
+    ordering = ['name']
+
+    def posts_count(self, obj):
+        return obj.posts.count()
+    posts_count.short_description = 'Posts Count'
+
+
+@admin.register(BlogPost)
+class BlogPostAdmin(admin.ModelAdmin):
+    list_display = [
+        'title', 'author', 'category', 'published', 
+        'featured', 'views_count', 'published_at'
+    ]
+    list_filter = [
+        'published', 'featured', 'category', 
+        'author', 'published_at', 'created_at'
+    ]
+    search_fields = ['title', 'content', 'excerpt']
+    prepopulated_fields = {'slug': ('title',)}
+    filter_horizontal = ['tags']
+    date_hierarchy = 'published_at'
+    ordering = ['-published_at', '-created_at']
+    
+    fieldsets = (
+        ('Basic Information', {
+            'fields': ('title', 'slug', 'author', 'category')
+        }),
+        ('Content', {
+            'fields': ('excerpt', 'content')
+        }),
+        ('Images', {
+            'fields': ('thumbnail', 'thumbnail_url', 'featured_image', 'featured_image_url')
+        }),
+        ('Categorization', {
+            'fields': ('tags',)
+        }),
+        ('SEO', {
+            'fields': ('meta_description', 'meta_keywords'),
+            'classes': ('collapse',)
+        }),
+        ('Status & Visibility', {
+            'fields': ('published', 'featured', 'reading_time', 'published_at')
+        }),
+        ('Statistics', {
+            'fields': ('views_count',),
+            'classes': ('collapse',)
+        }),
+    )
+
+    readonly_fields = ['views_count']
+
+
+@admin.register(BlogComment)
+class BlogCommentAdmin(admin.ModelAdmin):
+    list_display = ['name', 'post', 'is_approved', 'created_at']
+    list_filter = ['is_approved', 'created_at']
+    search_fields = ['name', 'email', 'content', 'post__title']
+    ordering = ['-created_at']
+    actions = ['approve_comments', 'disapprove_comments']
+
+    def approve_comments(self, request, queryset):
+        queryset.update(is_approved=True)
+    approve_comments.short_description = "Approve selected comments"
+
+    def disapprove_comments(self, request, queryset):
+        queryset.update(is_approved=False)
+    disapprove_comments.short_description = "Disapprove selected comments"
diff --git a/gnx-react/backend/blog/apps.py b/gnx-react/backend/blog/apps.py
new file mode 100644
index 00000000..846eb30b
--- /dev/null
+++ b/gnx-react/backend/blog/apps.py
@@ -0,0 +1,7 @@
+from django.apps import AppConfig
+
+
+class BlogConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'blog'
+    verbose_name = 'Blog Management'
diff --git a/gnx-react/backend/blog/management/__init__.py b/gnx-react/backend/blog/management/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/gnx-react/backend/blog/management/__pycache__/__init__.cpython-312.pyc b/gnx-react/backend/blog/management/__pycache__/__init__.cpython-312.pyc
new file mode 100644
index 00000000..1bd652b5
Binary files /dev/null and b/gnx-react/backend/blog/management/__pycache__/__init__.cpython-312.pyc differ
diff --git a/gnx-react/backend/blog/management/commands/__init__.py b/gnx-react/backend/blog/management/commands/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/gnx-react/backend/blog/management/commands/__pycache__/__init__.cpython-312.pyc b/gnx-react/backend/blog/management/commands/__pycache__/__init__.cpython-312.pyc
new file mode 100644
index 00000000..9ca89da0
Binary files /dev/null and b/gnx-react/backend/blog/management/commands/__pycache__/__init__.cpython-312.pyc differ
diff --git a/gnx-react/backend/blog/management/commands/__pycache__/populate_blog.cpython-312.pyc b/gnx-react/backend/blog/management/commands/__pycache__/populate_blog.cpython-312.pyc
new file mode 100644
index 00000000..dd294836
Binary files /dev/null and b/gnx-react/backend/blog/management/commands/__pycache__/populate_blog.cpython-312.pyc differ
diff --git a/gnx-react/backend/blog/management/commands/populate_blog.py b/gnx-react/backend/blog/management/commands/populate_blog.py
new file mode 100644
index 00000000..139a11bf
--- /dev/null
+++ b/gnx-react/backend/blog/management/commands/populate_blog.py
@@ -0,0 +1,414 @@
+from django.core.management.base import BaseCommand
+from blog.models import BlogAuthor, BlogCategory, BlogTag, BlogPost
+from django.utils import timezone
+from datetime import timedelta
+
+
+class Command(BaseCommand):
+    help = 'Populate database with sample blog data'
+
+    def handle(self, *args, **options):
+        self.stdout.write(self.style.SUCCESS('Starting to populate blog data...'))
+
+        # Clear existing data
+        BlogPost.objects.all().delete()
+        BlogTag.objects.all().delete()
+        BlogCategory.objects.all().delete()
+        BlogAuthor.objects.all().delete()
+
+        # Create Authors
+        authors_data = [
+            {
+                'name': 'Sarah Johnson',
+                'email': 'sarah@gnxsoft.com',
+                'bio': 'Senior Technology Consultant with 15+ years in enterprise solutions'
+            },
+            {
+                'name': 'Michael Chen',
+                'email': 'michael@gnxsoft.com',
+                'bio': 'Cloud Architecture Specialist and DevOps Expert'
+            },
+            {
+                'name': 'Emily Rodriguez',
+                'email': 'emily@gnxsoft.com',
+                'bio': 'API Integration and System Integration Lead'
+            },
+            {
+                'name': 'David Thompson',
+                'email': 'david@gnxsoft.com',
+                'bio': 'Digital Transformation and Business Intelligence Consultant'
+            }
+        ]
+
+        authors = {}
+        for author_data in authors_data:
+            author = BlogAuthor.objects.create(**author_data)
+            authors[author.name] = author
+            self.stdout.write(f'Created author: {author.name}')
+
+        # Create Categories
+        categories_data = [
+            {
+                'title': 'Enterprise Software',
+                'slug': 'enterprise-software',
+                'description': 'Articles about enterprise software development and architecture',
+                'display_order': 1
+            },
+            {
+                'title': 'Digital Transformation',
+                'slug': 'digital-transformation',
+                'description': 'Insights on digital transformation strategies',
+                'display_order': 2
+            },
+            {
+                'title': 'System Integration',
+                'slug': 'system-integration',
+                'description': 'Best practices for system and API integration',
+                'display_order': 3
+            },
+            {
+                'title': 'Cloud Solutions',
+                'slug': 'cloud-solutions',
+                'description': 'Cloud computing and migration strategies',
+                'display_order': 4
+            },
+            {
+                'title': 'Security',
+                'slug': 'security',
+                'description': 'Enterprise security and cybersecurity topics',
+                'display_order': 5
+            },
+            {
+                'title': 'API Development',
+                'slug': 'api-development',
+                'description': 'API design, development, and management',
+                'display_order': 6
+            }
+        ]
+
+        categories = {}
+        for cat_data in categories_data:
+            category = BlogCategory.objects.create(**cat_data)
+            categories[category.slug] = category
+            self.stdout.write(f'Created category: {category.title}')
+
+        # Create Tags
+        tags_data = [
+            'API', 'REST', 'GraphQL', 'Microservices', 'Cloud', 'AWS', 'Azure',
+            'Security', 'DevOps', 'CI/CD', 'Docker', 'Kubernetes',
+            'Enterprise', 'Integration', 'Architecture', 'Best Practices'
+        ]
+
+        tags = {}
+        for tag_name in tags_data:
+            tag = BlogTag.objects.create(name=tag_name)
+            tags[tag_name] = tag
+            self.stdout.write(f'Created tag: {tag.name}')
+
+        # Create Blog Posts
+        posts_data = [
+            {
+                'title': 'The Future of Enterprise Software Architecture',
+                'content': '''
+<h2>Introduction</h2>
+<p>Enterprise software architecture is evolving rapidly. In this comprehensive guide, we explore the latest trends and best practices that are shaping the future of enterprise systems.</p>
+
+<h3>Microservices and Modularity</h3>
+<p>The shift towards microservices architecture has revolutionized how we build enterprise applications. By breaking down monolithic applications into smaller, independent services, organizations can achieve greater flexibility, scalability, and maintainability.</p>
+
+<h3>Cloud-Native Development</h3>
+<p>Cloud-native architecture is becoming the standard for modern enterprise applications. This approach leverages cloud computing capabilities to build and run scalable applications in dynamic environments.</p>
+
+<h3>API-First Design</h3>
+<p>API-first development ensures that applications are built with integration in mind from the start. This approach facilitates better communication between services and makes it easier to integrate with third-party systems.</p>
+
+<h2>Best Practices</h2>
+<ul>
+<li>Design for scalability from the ground up</li>
+<li>Implement robust security measures at every layer</li>
+<li>Use containerization for consistent deployment</li>
+<li>Adopt continuous integration and deployment practices</li>
+<li>Monitor and optimize performance continuously</li>
+</ul>
+
+<h2>Conclusion</h2>
+<p>The future of enterprise software architecture lies in flexibility, scalability, and cloud-native approaches. Organizations that embrace these principles will be better positioned to adapt to changing business needs.</p>
+                ''',
+                'excerpt': 'Exploring the latest trends in enterprise software architecture, from microservices to cloud-native development.',
+                'author': authors['Sarah Johnson'],
+                'category': categories['enterprise-software'],
+                'tags': ['Enterprise', 'Architecture', 'Microservices', 'Cloud'],
+                'thumbnail_url': '/images/blog/one.png',
+                'featured': True,
+                'reading_time': 8,
+                'days_ago': 5
+            },
+            {
+                'title': 'Digital Transformation Strategies for Large Enterprises',
+                'content': '''
+<h2>Understanding Digital Transformation</h2>
+<p>Digital transformation is more than just adopting new technologies—it's about fundamentally changing how your organization operates and delivers value to customers.</p>
+
+<h3>Key Components of Successful Transformation</h3>
+<p>A successful digital transformation strategy must address technology, processes, and culture simultaneously. Organizations that focus on only one aspect often struggle to achieve their goals.</p>
+
+<h3>Technology Stack Modernization</h3>
+<p>Legacy systems can hold organizations back. Modernizing your technology stack is often the first step in digital transformation, enabling new capabilities and improving efficiency.</p>
+
+<h2>Implementation Strategy</h2>
+<ol>
+<li>Assess current state and define vision</li>
+<li>Identify quick wins and long-term goals</li>
+<li>Build cross-functional transformation teams</li>
+<li>Implement in phases with measurable milestones</li>
+<li>Continuously gather feedback and adjust</li>
+</ol>
+
+<h2>Overcoming Challenges</h2>
+<p>Common challenges include resistance to change, budget constraints, and technical debt. Success requires strong leadership commitment and clear communication throughout the organization.</p>
+                ''',
+                'excerpt': 'A comprehensive guide to digital transformation strategies tailored for large enterprise organizations.',
+                'author': authors['David Thompson'],
+                'category': categories['digital-transformation'],
+                'tags': ['Digital Transformation', 'Enterprise', 'Best Practices'],
+                'thumbnail_url': '/images/blog/two.png',
+                'featured': True,
+                'reading_time': 10,
+                'days_ago': 8
+            },
+            {
+                'title': 'API-First Approach to System Integration',
+                'content': '''
+<h2>What is API-First Development?</h2>
+<p>API-first development is a strategy where APIs are treated as first-class citizens in the development process. Instead of being an afterthought, APIs are designed and built before any other code.</p>
+
+<h3>Benefits of API-First Approach</h3>
+<p>This approach offers numerous advantages including better developer experience, faster time to market, and improved system integration capabilities.</p>
+
+<h3>RESTful API Design Principles</h3>
+<p>RESTful APIs follow specific architectural principles that make them scalable, maintainable, and easy to understand. Key principles include statelessness, resource-based URLs, and standard HTTP methods.</p>
+
+<h2>Best Practices</h2>
+<ul>
+<li>Design APIs with clear and consistent naming conventions</li>
+<li>Version your APIs from the start</li>
+<li>Implement proper authentication and authorization</li>
+<li>Provide comprehensive documentation</li>
+<li>Use appropriate HTTP status codes</li>
+<li>Implement rate limiting and throttling</li>
+</ul>
+
+<h3>GraphQL vs REST</h3>
+<p>While REST has been the standard for many years, GraphQL offers an alternative approach that can be more efficient for certain use cases. Understanding when to use each is crucial for effective API design.</p>
+                ''',
+                'excerpt': 'Learn how an API-first approach can streamline system integration and improve your software architecture.',
+                'author': authors['Emily Rodriguez'],
+                'category': categories['system-integration'],
+                'tags': ['API', 'REST', 'GraphQL', 'Integration'],
+                'thumbnail_url': '/images/blog/three.png',
+                'reading_time': 7,
+                'days_ago': 12
+            },
+            {
+                'title': 'Cloud Migration Best Practices for Enterprise',
+                'content': '''
+<h2>Planning Your Cloud Migration</h2>
+<p>Cloud migration is a complex process that requires careful planning and execution. A well-thought-out strategy can mean the difference between success and costly setbacks.</p>
+
+<h3>Assessing Your Current Infrastructure</h3>
+<p>Before migrating to the cloud, it's essential to thoroughly understand your current infrastructure, dependencies, and workload requirements.</p>
+
+<h3>Choosing the Right Cloud Provider</h3>
+<p>AWS, Azure, and Google Cloud each offer unique strengths. The right choice depends on your specific requirements, existing technology stack, and business objectives.</p>
+
+<h2>Migration Strategies</h2>
+<ol>
+<li><strong>Lift and Shift:</strong> Move applications as-is to the cloud</li>
+<li><strong>Replatform:</strong> Make minor optimizations during migration</li>
+<li><strong>Refactor:</strong> Redesign applications to be cloud-native</li>
+<li><strong>Rebuild:</strong> Completely rewrite applications for the cloud</li>
+</ol>
+
+<h3>Security Considerations</h3>
+<p>Security should be a top priority during cloud migration. Implement encryption, access controls, and monitoring from day one.</p>
+
+<h2>Post-Migration Optimization</h2>
+<p>Migration is just the beginning. Continuous optimization of costs, performance, and security is essential for maximizing cloud benefits.</p>
+                ''',
+                'excerpt': 'Essential best practices and strategies for successfully migrating enterprise applications to the cloud.',
+                'author': authors['Michael Chen'],
+                'category': categories['cloud-solutions'],
+                'tags': ['Cloud', 'AWS', 'Azure', 'Migration'],
+                'thumbnail_url': '/images/blog/four.png',
+                'featured': False,
+                'reading_time': 9,
+                'days_ago': 15
+            },
+            {
+                'title': 'Enterprise Security in the Digital Age',
+                'content': '''
+<h2>The Evolving Security Landscape</h2>
+<p>As enterprises embrace digital transformation, security challenges have become more complex. Organizations must adopt a comprehensive approach to protect their assets and data.</p>
+
+<h3>Zero Trust Architecture</h3>
+<p>Zero Trust is a security model that assumes no user or system should be trusted by default, even if they're inside the network perimeter.</p>
+
+<h3>Multi-Factor Authentication</h3>
+<p>MFA is no longer optional for enterprise security. Implementing strong authentication mechanisms is critical for protecting sensitive data and systems.</p>
+
+<h2>Common Security Threats</h2>
+<ul>
+<li>Phishing and social engineering attacks</li>
+<li>Ransomware and malware</li>
+<li>Insider threats</li>
+<li>DDoS attacks</li>
+<li>API vulnerabilities</li>
+</ul>
+
+<h3>Implementing a Security-First Culture</h3>
+<p>Technology alone cannot protect an organization. Security awareness training and a culture of security consciousness are equally important.</p>
+
+<h2>Compliance and Regulations</h2>
+<p>Understanding and adhering to regulations like GDPR, HIPAA, and SOC 2 is essential for enterprise organizations operating in regulated industries.</p>
+                ''',
+                'excerpt': 'Understanding modern security challenges and implementing robust security measures for enterprise environments.',
+                'author': authors['Sarah Johnson'],
+                'category': categories['security'],
+                'tags': ['Security', 'Enterprise', 'Best Practices'],
+                'thumbnail_url': '/images/blog/five.png',
+                'reading_time': 6,
+                'days_ago': 18
+            },
+            {
+                'title': 'Building Scalable API Architectures',
+                'content': '''
+<h2>Scalability Fundamentals</h2>
+<p>Building APIs that can scale to millions of requests requires careful architectural planning and implementation of proven patterns.</p>
+
+<h3>Horizontal vs Vertical Scaling</h3>
+<p>Understanding the difference between horizontal and vertical scaling is crucial for building scalable systems. Most modern APIs benefit from horizontal scaling strategies.</p>
+
+<h3>Caching Strategies</h3>
+<p>Implementing effective caching can dramatically improve API performance and reduce load on backend systems. Learn about different caching layers and when to use them.</p>
+
+<h2>Performance Optimization</h2>
+<ul>
+<li>Database query optimization</li>
+<li>Connection pooling</li>
+<li>Asynchronous processing</li>
+<li>Load balancing</li>
+<li>CDN integration</li>
+</ul>
+
+<h3>Monitoring and Observability</h3>
+<p>You can't optimize what you can't measure. Implementing comprehensive monitoring and logging is essential for maintaining scalable APIs.</p>
+
+<h2>Rate Limiting and Throttling</h2>
+<p>Protecting your API from abuse and ensuring fair usage requires implementing rate limiting and throttling mechanisms.</p>
+                ''',
+                'excerpt': 'Learn the principles and patterns for building API architectures that can scale to meet growing demands.',
+                'author': authors['Emily Rodriguez'],
+                'category': categories['api-development'],
+                'tags': ['API', 'Architecture', 'Best Practices'],
+                'thumbnail_url': '/images/blog/six.png',
+                'reading_time': 8,
+                'days_ago': 22
+            },
+            {
+                'title': 'Microservices Architecture for Enterprise Applications',
+                'content': '''
+<h2>Understanding Microservices</h2>
+<p>Microservices architecture has become the de facto standard for building scalable, maintainable enterprise applications. This architectural style structures an application as a collection of loosely coupled services.</p>
+
+<h3>Key Characteristics</h3>
+<p>Microservices are independently deployable, organized around business capabilities, and can be written in different programming languages.</p>
+
+<h3>Service Communication Patterns</h3>
+<p>Understanding different communication patterns between microservices is crucial. Options include synchronous REST APIs, message queues, and event-driven architectures.</p>
+
+<h2>Design Patterns</h2>
+<ol>
+<li>API Gateway Pattern</li>
+<li>Service Discovery</li>
+<li>Circuit Breaker</li>
+<li>Event Sourcing</li>
+<li>CQRS (Command Query Responsibility Segregation)</li>
+</ol>
+
+<h3>Containerization with Docker</h3>
+<p>Docker containers provide the perfect deployment vehicle for microservices, ensuring consistency across development and production environments.</p>
+
+<h2>Challenges and Solutions</h2>
+<p>While microservices offer many benefits, they also introduce complexity in areas like distributed transactions, data consistency, and service orchestration.</p>
+                ''',
+                'excerpt': 'A deep dive into microservices architecture patterns and best practices for enterprise applications.',
+                'author': authors['Michael Chen'],
+                'category': categories['enterprise-software'],
+                'tags': ['Microservices', 'Architecture', 'Docker', 'Kubernetes'],
+                'thumbnail_url': '/images/blog/seven.png',
+                'featured': True,
+                'reading_time': 11,
+                'days_ago': 25
+            },
+            {
+                'title': 'Data Analytics and Business Intelligence Solutions',
+                'content': '''
+<h2>The Power of Data-Driven Decisions</h2>
+<p>In today's business environment, data analytics and business intelligence are no longer optional—they're essential for staying competitive.</p>
+
+<h3>Modern BI Tools and Platforms</h3>
+<p>Modern BI platforms offer self-service analytics, real-time dashboards, and AI-powered insights that democratize data access across the organization.</p>
+
+<h3>Building a Data Warehouse</h3>
+<p>A well-designed data warehouse serves as the foundation for business intelligence initiatives, providing a single source of truth for organizational data.</p>
+
+<h2>Analytics Maturity Model</h2>
+<ol>
+<li>Descriptive Analytics - What happened?</li>
+<li>Diagnostic Analytics - Why did it happen?</li>
+<li>Predictive Analytics - What will happen?</li>
+<li>Prescriptive Analytics - What should we do?</li>
+</ol>
+
+<h3>Real-Time Analytics</h3>
+<p>The ability to analyze data in real-time enables organizations to respond quickly to changing conditions and make timely decisions.</p>
+
+<h2>Data Governance and Quality</h2>
+<p>Without proper data governance and quality management, analytics initiatives can produce unreliable results. Establishing data quality standards is crucial.</p>
+
+<h3>Machine Learning Integration</h3>
+<p>Integrating machine learning models into BI platforms can provide deeper insights and enable predictive capabilities.</p>
+                ''',
+                'excerpt': 'Leveraging data analytics and business intelligence to drive informed decision-making in enterprise environments.',
+                'author': authors['David Thompson'],
+                'category': categories['digital-transformation'],
+                'tags': ['Analytics', 'BI', 'Enterprise', 'Best Practices'],
+                'thumbnail_url': '/images/blog/eight.png',
+                'reading_time': 9,
+                'days_ago': 30
+            }
+        ]
+
+        # Create posts
+        for post_data in posts_data:
+            tag_names = post_data.pop('tags')
+            days_ago = post_data.pop('days_ago')
+            
+            post = BlogPost.objects.create(
+                **post_data,
+                published_at=timezone.now() - timedelta(days=days_ago)
+            )
+            
+            # Add tags
+            for tag_name in tag_names:
+                if tag_name in tags:
+                    post.tags.add(tags[tag_name])
+            
+            self.stdout.write(f'Created post: {post.title}')
+
+        self.stdout.write(self.style.SUCCESS('\nSuccessfully populated blog data!'))
+        self.stdout.write(f'Created {BlogAuthor.objects.count()} authors')
+        self.stdout.write(f'Created {BlogCategory.objects.count()} categories')
+        self.stdout.write(f'Created {BlogTag.objects.count()} tags')
+        self.stdout.write(f'Created {BlogPost.objects.count()} blog posts')
+
diff --git a/gnx-react/backend/blog/migrations/0001_initial.py b/gnx-react/backend/blog/migrations/0001_initial.py
new file mode 100644
index 00000000..d6a0a0e8
--- /dev/null
+++ b/gnx-react/backend/blog/migrations/0001_initial.py
@@ -0,0 +1,129 @@
+# Generated by Django 4.2.7 on 2025-10-08 09:41
+
+from django.db import migrations, models
+import django.db.models.deletion
+import django.utils.timezone
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='BlogAuthor',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=200)),
+                ('email', models.EmailField(blank=True, max_length=254, null=True, unique=True)),
+                ('bio', models.TextField(blank=True)),
+                ('avatar', models.ImageField(blank=True, null=True, upload_to='blog/authors/')),
+                ('is_active', models.BooleanField(default=True)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                'verbose_name': 'Blog Author',
+                'verbose_name_plural': 'Blog Authors',
+                'ordering': ['name'],
+            },
+        ),
+        migrations.CreateModel(
+            name='BlogCategory',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=100)),
+                ('slug', models.SlugField(max_length=100, unique=True)),
+                ('description', models.TextField(blank=True)),
+                ('display_order', models.PositiveIntegerField(default=0)),
+                ('is_active', models.BooleanField(default=True)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                'verbose_name': 'Blog Category',
+                'verbose_name_plural': 'Blog Categories',
+                'ordering': ['display_order', 'title'],
+            },
+        ),
+        migrations.CreateModel(
+            name='BlogTag',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=50, unique=True)),
+                ('slug', models.SlugField(unique=True)),
+                ('is_active', models.BooleanField(default=True)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+            ],
+            options={
+                'verbose_name': 'Blog Tag',
+                'verbose_name_plural': 'Blog Tags',
+                'ordering': ['name'],
+            },
+        ),
+        migrations.CreateModel(
+            name='BlogPost',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=300)),
+                ('slug', models.SlugField(max_length=300, unique=True)),
+                ('content', models.TextField()),
+                ('excerpt', models.TextField(blank=True, help_text='Short excerpt for preview')),
+                ('thumbnail', models.ImageField(blank=True, null=True, upload_to='blog/thumbnails/')),
+                ('thumbnail_url', models.CharField(blank=True, help_text='External thumbnail URL', max_length=500)),
+                ('featured_image', models.ImageField(blank=True, null=True, upload_to='blog/featured/')),
+                ('featured_image_url', models.CharField(blank=True, help_text='External featured image URL', max_length=500)),
+                ('meta_description', models.CharField(blank=True, max_length=160)),
+                ('meta_keywords', models.CharField(blank=True, max_length=255)),
+                ('published', models.BooleanField(default=True)),
+                ('featured', models.BooleanField(default=False, help_text='Featured post')),
+                ('views_count', models.PositiveIntegerField(default=0)),
+                ('reading_time', models.PositiveIntegerField(default=5, help_text='Estimated reading time in minutes')),
+                ('published_at', models.DateTimeField(default=django.utils.timezone.now)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+                ('author', models.ForeignKey(null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='posts', to='blog.blogauthor')),
+                ('category', models.ForeignKey(null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='posts', to='blog.blogcategory')),
+                ('tags', models.ManyToManyField(blank=True, related_name='posts', to='blog.blogtag')),
+            ],
+            options={
+                'verbose_name': 'Blog Post',
+                'verbose_name_plural': 'Blog Posts',
+                'ordering': ['-published_at', '-created_at'],
+            },
+        ),
+        migrations.CreateModel(
+            name='BlogComment',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=100)),
+                ('email', models.EmailField(max_length=254)),
+                ('content', models.TextField()),
+                ('is_approved', models.BooleanField(default=False)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+                ('parent', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, related_name='replies', to='blog.blogcomment')),
+                ('post', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='comments', to='blog.blogpost')),
+            ],
+            options={
+                'verbose_name': 'Blog Comment',
+                'verbose_name_plural': 'Blog Comments',
+                'ordering': ['-created_at'],
+            },
+        ),
+        migrations.AddIndex(
+            model_name='blogpost',
+            index=models.Index(fields=['-published_at'], name='blog_blogpo_publish_e75c11_idx'),
+        ),
+        migrations.AddIndex(
+            model_name='blogpost',
+            index=models.Index(fields=['slug'], name='blog_blogpo_slug_361555_idx'),
+        ),
+        migrations.AddIndex(
+            model_name='blogpost',
+            index=models.Index(fields=['published'], name='blog_blogpo_publish_059755_idx'),
+        ),
+    ]
diff --git a/gnx-react/backend/blog/migrations/__init__.py b/gnx-react/backend/blog/migrations/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/gnx-react/backend/blog/migrations/__pycache__/0001_initial.cpython-312.pyc b/gnx-react/backend/blog/migrations/__pycache__/0001_initial.cpython-312.pyc
new file mode 100644
index 00000000..6c292f91
Binary files /dev/null and b/gnx-react/backend/blog/migrations/__pycache__/0001_initial.cpython-312.pyc differ
diff --git a/gnx-react/backend/blog/migrations/__pycache__/__init__.cpython-312.pyc b/gnx-react/backend/blog/migrations/__pycache__/__init__.cpython-312.pyc
new file mode 100644
index 00000000..5abe9c57
Binary files /dev/null and b/gnx-react/backend/blog/migrations/__pycache__/__init__.cpython-312.pyc differ
diff --git a/gnx-react/backend/blog/models.py b/gnx-react/backend/blog/models.py
new file mode 100644
index 00000000..705a8506
--- /dev/null
+++ b/gnx-react/backend/blog/models.py
@@ -0,0 +1,178 @@
+from django.db import models
+from django.utils import timezone
+from django.utils.text import slugify
+
+
+class BlogAuthor(models.Model):
+    """Model for blog post authors"""
+    name = models.CharField(max_length=200)
+    email = models.EmailField(unique=True, blank=True, null=True)
+    bio = models.TextField(blank=True)
+    avatar = models.ImageField(upload_to='blog/authors/', blank=True, null=True)
+    is_active = models.BooleanField(default=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    class Meta:
+        verbose_name = "Blog Author"
+        verbose_name_plural = "Blog Authors"
+        ordering = ['name']
+
+    def __str__(self):
+        return self.name
+
+
+class BlogCategory(models.Model):
+    """Model for blog post categories"""
+    title = models.CharField(max_length=100)
+    slug = models.SlugField(max_length=100, unique=True)
+    description = models.TextField(blank=True)
+    display_order = models.PositiveIntegerField(default=0)
+    is_active = models.BooleanField(default=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    class Meta:
+        verbose_name = "Blog Category"
+        verbose_name_plural = "Blog Categories"
+        ordering = ['display_order', 'title']
+
+    def __str__(self):
+        return self.title
+
+    def save(self, *args, **kwargs):
+        if not self.slug:
+            self.slug = slugify(self.title)
+        super().save(*args, **kwargs)
+
+
+class BlogTag(models.Model):
+    """Model for blog post tags"""
+    name = models.CharField(max_length=50, unique=True)
+    slug = models.SlugField(max_length=50, unique=True)
+    is_active = models.BooleanField(default=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    class Meta:
+        verbose_name = "Blog Tag"
+        verbose_name_plural = "Blog Tags"
+        ordering = ['name']
+
+    def __str__(self):
+        return self.name
+
+    def save(self, *args, **kwargs):
+        if not self.slug:
+            self.slug = slugify(self.name)
+        super().save(*args, **kwargs)
+
+
+class BlogPost(models.Model):
+    """Model for blog posts"""
+    title = models.CharField(max_length=300)
+    slug = models.SlugField(max_length=300, unique=True)
+    content = models.TextField()
+    excerpt = models.TextField(blank=True, help_text="Short excerpt for preview")
+    thumbnail = models.ImageField(upload_to='blog/thumbnails/', blank=True, null=True)
+    thumbnail_url = models.CharField(max_length=500, blank=True, help_text="External thumbnail URL")
+    featured_image = models.ImageField(upload_to='blog/featured/', blank=True, null=True)
+    featured_image_url = models.CharField(max_length=500, blank=True, help_text="External featured image URL")
+    
+    author = models.ForeignKey(
+        BlogAuthor, 
+        on_delete=models.SET_NULL, 
+        null=True, 
+        related_name='posts'
+    )
+    category = models.ForeignKey(
+        BlogCategory, 
+        on_delete=models.SET_NULL, 
+        null=True, 
+        related_name='posts'
+    )
+    tags = models.ManyToManyField(BlogTag, related_name='posts', blank=True)
+    
+    # SEO and metadata
+    meta_description = models.CharField(max_length=160, blank=True)
+    meta_keywords = models.CharField(max_length=255, blank=True)
+    
+    # Status and visibility
+    published = models.BooleanField(default=True)
+    featured = models.BooleanField(default=False, help_text="Featured post")
+    views_count = models.PositiveIntegerField(default=0)
+    reading_time = models.PositiveIntegerField(default=5, help_text="Estimated reading time in minutes")
+    
+    # Timestamps
+    published_at = models.DateTimeField(default=timezone.now)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    class Meta:
+        verbose_name = "Blog Post"
+        verbose_name_plural = "Blog Posts"
+        ordering = ['-published_at', '-created_at']
+        indexes = [
+            models.Index(fields=['-published_at']),
+            models.Index(fields=['slug']),
+            models.Index(fields=['published']),
+        ]
+
+    def __str__(self):
+        return self.title
+
+    def save(self, *args, **kwargs):
+        if not self.slug:
+            self.slug = slugify(self.title)
+        if not self.excerpt and self.content:
+            # Generate excerpt from content (first 200 characters)
+            self.excerpt = self.content[:200] + '...' if len(self.content) > 200 else self.content
+        super().save(*args, **kwargs)
+
+    @property
+    def get_thumbnail_url(self):
+        """Return the thumbnail URL (uploaded image or external URL)"""
+        if self.thumbnail and hasattr(self.thumbnail, 'url'):
+            return self.thumbnail.url
+        elif self.thumbnail_url:
+            return self.thumbnail_url
+        return None
+
+    @property
+    def get_featured_image_url(self):
+        """Return the featured image URL (uploaded image or external URL)"""
+        if self.featured_image and hasattr(self.featured_image, 'url'):
+            return self.featured_image.url
+        elif self.featured_image_url:
+            return self.featured_image_url
+        return None
+
+    def increment_views(self):
+        """Increment the view count"""
+        self.views_count += 1
+        self.save(update_fields=['views_count'])
+
+
+class BlogComment(models.Model):
+    """Model for blog post comments"""
+    post = models.ForeignKey(BlogPost, on_delete=models.CASCADE, related_name='comments')
+    name = models.CharField(max_length=100)
+    email = models.EmailField()
+    content = models.TextField()
+    parent = models.ForeignKey(
+        'self', 
+        on_delete=models.CASCADE, 
+        null=True, 
+        blank=True, 
+        related_name='replies'
+    )
+    is_approved = models.BooleanField(default=False)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    class Meta:
+        verbose_name = "Blog Comment"
+        verbose_name_plural = "Blog Comments"
+        ordering = ['-created_at']
+
+    def __str__(self):
+        return f"Comment by {self.name} on {self.post.title}"
diff --git a/gnx-react/backend/blog/serializers.py b/gnx-react/backend/blog/serializers.py
new file mode 100644
index 00000000..7ad17292
--- /dev/null
+++ b/gnx-react/backend/blog/serializers.py
@@ -0,0 +1,113 @@
+from rest_framework import serializers
+from .models import BlogPost, BlogCategory, BlogAuthor, BlogTag, BlogComment
+
+
+class BlogAuthorSerializer(serializers.ModelSerializer):
+    """Serializer for blog authors"""
+    class Meta:
+        model = BlogAuthor
+        fields = ['id', 'name', 'email', 'bio', 'avatar']
+
+
+class BlogCategorySerializer(serializers.ModelSerializer):
+    """Serializer for blog categories"""
+    posts_count = serializers.SerializerMethodField()
+    
+    class Meta:
+        model = BlogCategory
+        fields = ['id', 'title', 'slug', 'description', 'display_order', 'posts_count']
+    
+    def get_posts_count(self, obj):
+        return obj.posts.filter(published=True).count()
+
+
+class BlogTagSerializer(serializers.ModelSerializer):
+    """Serializer for blog tags"""
+    class Meta:
+        model = BlogTag
+        fields = ['id', 'name', 'slug']
+
+
+class BlogPostListSerializer(serializers.ModelSerializer):
+    """Serializer for blog post list view"""
+    author_name = serializers.CharField(source='author.name', read_only=True)
+    category_title = serializers.CharField(source='category.title', read_only=True)
+    category_slug = serializers.CharField(source='category.slug', read_only=True)
+    thumbnail = serializers.SerializerMethodField()
+    tags = BlogTagSerializer(many=True, read_only=True)
+    
+    class Meta:
+        model = BlogPost
+        fields = [
+            'id', 'title', 'slug', 'excerpt', 'thumbnail', 
+            'author_name', 'category_title', 'category_slug',
+            'tags', 'published_at', 'created_at', 'updated_at',
+            'views_count', 'reading_time', 'featured', 'published'
+        ]
+    
+    def get_thumbnail(self, obj):
+        return obj.get_thumbnail_url
+
+
+class BlogPostDetailSerializer(serializers.ModelSerializer):
+    """Serializer for blog post detail view"""
+    author = BlogAuthorSerializer(read_only=True)
+    category = BlogCategorySerializer(read_only=True)
+    tags = BlogTagSerializer(many=True, read_only=True)
+    thumbnail = serializers.SerializerMethodField()
+    featured_image = serializers.SerializerMethodField()
+    related_posts = serializers.SerializerMethodField()
+    
+    class Meta:
+        model = BlogPost
+        fields = [
+            'id', 'title', 'slug', 'content', 'excerpt',
+            'thumbnail', 'featured_image', 'author', 'category', 'tags',
+            'meta_description', 'meta_keywords',
+            'published', 'featured', 'views_count', 'reading_time',
+            'published_at', 'created_at', 'updated_at', 'related_posts'
+        ]
+    
+    def get_thumbnail(self, obj):
+        return obj.get_thumbnail_url
+    
+    def get_featured_image(self, obj):
+        return obj.get_featured_image_url
+    
+    def get_related_posts(self, obj):
+        """Get related posts from the same category"""
+        related = BlogPost.objects.filter(
+            category=obj.category,
+            published=True
+        ).exclude(id=obj.id)[:3]
+        return BlogPostListSerializer(related, many=True, context=self.context).data
+
+
+class BlogCommentSerializer(serializers.ModelSerializer):
+    """Serializer for blog comments"""
+    replies = serializers.SerializerMethodField()
+    
+    class Meta:
+        model = BlogComment
+        fields = [
+            'id', 'post', 'name', 'email', 'content',
+            'parent', 'is_approved', 'created_at', 'updated_at', 'replies'
+        ]
+        read_only_fields = ['is_approved', 'created_at', 'updated_at']
+    
+    def get_replies(self, obj):
+        """Get nested replies"""
+        if obj.replies.exists():
+            return BlogCommentSerializer(
+                obj.replies.filter(is_approved=True),
+                many=True
+            ).data
+        return []
+
+
+class BlogCommentCreateSerializer(serializers.ModelSerializer):
+    """Serializer for creating blog comments"""
+    class Meta:
+        model = BlogComment
+        fields = ['post', 'name', 'email', 'content', 'parent']
+
diff --git a/gnx-react/backend/blog/tests.py b/gnx-react/backend/blog/tests.py
new file mode 100644
index 00000000..7ce503c2
--- /dev/null
+++ b/gnx-react/backend/blog/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/gnx-react/backend/blog/urls.py b/gnx-react/backend/blog/urls.py
new file mode 100644
index 00000000..bb8121d4
--- /dev/null
+++ b/gnx-react/backend/blog/urls.py
@@ -0,0 +1,21 @@
+from django.urls import path, include
+from rest_framework.routers import DefaultRouter
+from .views import (
+    BlogPostViewSet,
+    BlogCategoryViewSet,
+    BlogAuthorViewSet,
+    BlogTagViewSet,
+    BlogCommentViewSet
+)
+
+router = DefaultRouter()
+router.register(r'posts', BlogPostViewSet, basename='blog-post')
+router.register(r'categories', BlogCategoryViewSet, basename='blog-category')
+router.register(r'authors', BlogAuthorViewSet, basename='blog-author')
+router.register(r'tags', BlogTagViewSet, basename='blog-tag')
+router.register(r'comments', BlogCommentViewSet, basename='blog-comment')
+
+urlpatterns = [
+    path('', include(router.urls)),
+]
+
diff --git a/gnx-react/backend/blog/views.py b/gnx-react/backend/blog/views.py
new file mode 100644
index 00000000..85393039
--- /dev/null
+++ b/gnx-react/backend/blog/views.py
@@ -0,0 +1,189 @@
+from rest_framework import viewsets, status, filters
+from rest_framework.decorators import action
+from rest_framework.response import Response
+from rest_framework.pagination import PageNumberPagination
+from django_filters.rest_framework import DjangoFilterBackend
+from django.db.models import Q
+from .models import BlogPost, BlogCategory, BlogAuthor, BlogTag, BlogComment
+from .serializers import (
+    BlogPostListSerializer, 
+    BlogPostDetailSerializer,
+    BlogCategorySerializer,
+    BlogAuthorSerializer,
+    BlogTagSerializer,
+    BlogCommentSerializer,
+    BlogCommentCreateSerializer
+)
+
+
+class BlogPagination(PageNumberPagination):
+    """Custom pagination for blog posts"""
+    page_size = 9
+    page_size_query_param = 'page_size'
+    max_page_size = 100
+
+
+class BlogPostViewSet(viewsets.ReadOnlyModelViewSet):
+    """
+    ViewSet for blog posts
+    Supports filtering by category, tags, author, and search
+    """
+    queryset = BlogPost.objects.filter(published=True)
+    pagination_class = BlogPagination
+    filter_backends = [DjangoFilterBackend, filters.SearchFilter, filters.OrderingFilter]
+    filterset_fields = ['category__slug', 'author', 'featured', 'tags__slug']
+    search_fields = ['title', 'content', 'excerpt']
+    ordering_fields = ['published_at', 'views_count', 'created_at']
+    ordering = ['-published_at']
+    lookup_field = 'slug'
+
+    def get_serializer_class(self):
+        if self.action == 'retrieve':
+            return BlogPostDetailSerializer
+        return BlogPostListSerializer
+
+    def get_queryset(self):
+        queryset = super().get_queryset()
+        
+        # Filter by category
+        category_slug = self.request.query_params.get('category', None)
+        if category_slug and category_slug != 'all':
+            queryset = queryset.filter(category__slug=category_slug)
+        
+        # Filter by tag
+        tag_slug = self.request.query_params.get('tag', None)
+        if tag_slug:
+            queryset = queryset.filter(tags__slug=tag_slug)
+        
+        # Filter by author
+        author_id = self.request.query_params.get('author', None)
+        if author_id:
+            queryset = queryset.filter(author_id=author_id)
+        
+        # Search query
+        search = self.request.query_params.get('search', None)
+        if search:
+            queryset = queryset.filter(
+                Q(title__icontains=search) |
+                Q(content__icontains=search) |
+                Q(excerpt__icontains=search)
+            )
+        
+        return queryset.distinct()
+
+    def retrieve(self, request, *args, **kwargs):
+        """Override retrieve to increment view count"""
+        instance = self.get_object()
+        instance.increment_views()
+        serializer = self.get_serializer(instance)
+        return Response(serializer.data)
+
+    @action(detail=False, methods=['get'])
+    def featured(self, request):
+        """Get featured blog posts"""
+        featured_posts = self.get_queryset().filter(featured=True)[:6]
+        serializer = self.get_serializer(featured_posts, many=True)
+        return Response(serializer.data)
+
+    @action(detail=False, methods=['get'])
+    def latest(self, request):
+        """Get latest blog posts"""
+        limit = int(request.query_params.get('limit', 5))
+        latest_posts = self.get_queryset()[:limit]
+        serializer = self.get_serializer(latest_posts, many=True)
+        return Response(serializer.data)
+
+    @action(detail=False, methods=['get'])
+    def popular(self, request):
+        """Get popular blog posts by views"""
+        limit = int(request.query_params.get('limit', 5))
+        popular_posts = self.get_queryset().order_by('-views_count')[:limit]
+        serializer = self.get_serializer(popular_posts, many=True)
+        return Response(serializer.data)
+
+    @action(detail=True, methods=['get'])
+    def related(self, request, slug=None):
+        """Get related posts for a specific post"""
+        post = self.get_object()
+        related_posts = self.get_queryset().filter(
+            category=post.category
+        ).exclude(id=post.id)[:4]
+        serializer = self.get_serializer(related_posts, many=True)
+        return Response(serializer.data)
+
+
+class BlogCategoryViewSet(viewsets.ReadOnlyModelViewSet):
+    """ViewSet for blog categories"""
+    queryset = BlogCategory.objects.filter(is_active=True)
+    serializer_class = BlogCategorySerializer
+    lookup_field = 'slug'
+
+    @action(detail=False, methods=['get'])
+    def with_posts(self, request):
+        """Get categories that have published posts"""
+        categories = self.get_queryset().filter(posts__published=True).distinct()
+        serializer = self.get_serializer(categories, many=True)
+        return Response(serializer.data)
+
+
+class BlogAuthorViewSet(viewsets.ReadOnlyModelViewSet):
+    """ViewSet for blog authors"""
+    queryset = BlogAuthor.objects.filter(is_active=True)
+    serializer_class = BlogAuthorSerializer
+
+    @action(detail=True, methods=['get'])
+    def posts(self, request, pk=None):
+        """Get all posts by a specific author"""
+        author = self.get_object()
+        posts = BlogPost.objects.filter(author=author, published=True)
+        page = self.paginate_queryset(posts)
+        if page is not None:
+            serializer = BlogPostListSerializer(page, many=True)
+            return self.get_paginated_response(serializer.data)
+        serializer = BlogPostListSerializer(posts, many=True)
+        return Response(serializer.data)
+
+
+class BlogTagViewSet(viewsets.ReadOnlyModelViewSet):
+    """ViewSet for blog tags"""
+    queryset = BlogTag.objects.filter(is_active=True)
+    serializer_class = BlogTagSerializer
+    lookup_field = 'slug'
+
+    @action(detail=True, methods=['get'])
+    def posts(self, request, slug=None):
+        """Get all posts with a specific tag"""
+        tag = self.get_object()
+        posts = BlogPost.objects.filter(tags=tag, published=True)
+        page = self.paginate_queryset(posts)
+        if page is not None:
+            serializer = BlogPostListSerializer(page, many=True)
+            return self.get_paginated_response(serializer.data)
+        serializer = BlogPostListSerializer(posts, many=True)
+        return Response(serializer.data)
+
+
+class BlogCommentViewSet(viewsets.ModelViewSet):
+    """ViewSet for blog comments"""
+    queryset = BlogComment.objects.filter(is_approved=True)
+    serializer_class = BlogCommentSerializer
+    filter_backends = [DjangoFilterBackend]
+    filterset_fields = ['post']
+
+    def get_serializer_class(self):
+        if self.action == 'create':
+            return BlogCommentCreateSerializer
+        return BlogCommentSerializer
+
+    def create(self, request, *args, **kwargs):
+        """Create a new comment (requires moderation)"""
+        serializer = self.get_serializer(data=request.data)
+        serializer.is_valid(raise_exception=True)
+        self.perform_create(serializer)
+        return Response(
+            {
+                'message': 'Comment submitted successfully. It will be visible after moderation.',
+                'data': serializer.data
+            },
+            status=status.HTTP_201_CREATED
+        )
diff --git a/gnx-react/backend/case_studies/README.md b/gnx-react/backend/case_studies/README.md
new file mode 100644
index 00000000..6e983705
--- /dev/null
+++ b/gnx-react/backend/case_studies/README.md
@@ -0,0 +1,208 @@
+# Case Studies API
+
+## Overview
+
+The Case Studies API provides a comprehensive backend and frontend solution for managing and displaying case study content. This feature includes categories, clients, process steps, gallery images, and related case studies.
+
+## Backend Structure
+
+### Models
+
+1. **CaseStudyCategory**
+   - Category management for case studies
+   - Fields: name, slug, description, display_order, is_active
+
+2. **Client**
+   - Client information management
+   - Fields: name, slug, logo, description, website
+
+3. **CaseStudy**
+   - Main case study model
+   - Fields: title, slug, subtitle, description, excerpt
+   - Images: thumbnail, featured_image, poster_image, project_image
+   - Relations: category, client
+   - Content: project_overview, site_map_content
+
+4. **CaseStudyImage**
+   - Gallery images for case studies
+   - Fields: image, caption, display_order
+
+5. **CaseStudyProcess**
+   - Process steps for case studies
+   - Fields: step_number, title, description
+
+### API Endpoints
+
+Base URL: `/api/case-studies/`
+
+#### Case Studies
+
+- `GET /case-studies/` - List all case studies (with pagination and filtering)
+  - Query params: `category`, `client`, `search`, `featured`, `ordering`, `page`, `page_size`
+- `GET /case-studies/{slug}/` - Get case study details
+- `GET /case-studies/featured/` - Get featured case studies
+- `GET /case-studies/latest/?limit=6` - Get latest case studies
+- `GET /case-studies/popular/?limit=6` - Get popular case studies
+- `GET /case-studies/{slug}/related/` - Get related case studies
+
+#### Categories
+
+- `GET /categories/` - List all categories
+- `GET /categories/{slug}/` - Get category details
+- `GET /categories/with_case_studies/` - Get categories with case studies
+
+#### Clients
+
+- `GET /clients/` - List all clients
+- `GET /clients/{slug}/` - Get client details
+- `GET /clients/{slug}/case_studies/` - Get case studies for a client
+
+## Frontend Structure
+
+### API Service (`lib/api/caseStudyService.ts`)
+
+Provides TypeScript functions for all API endpoints with proper typing.
+
+### Hooks (`lib/hooks/useCaseStudy.ts`)
+
+React hooks for data fetching:
+- `useCaseStudies()` - Fetch all case studies
+- `useCaseStudy(slug)` - Fetch single case study
+- `useFeaturedCaseStudies()` - Fetch featured case studies
+- `useLatestCaseStudies()` - Fetch latest case studies
+- `usePopularCaseStudies()` - Fetch popular case studies
+- `useRelatedCaseStudies(slug)` - Fetch related case studies
+- `useCaseStudyCategories()` - Fetch categories
+- `useClients()` - Fetch clients
+
+### Components
+
+1. **CaseItems** (`components/pages/case-study/CaseItems.tsx`)
+   - Lists all case studies in a grid
+   - Includes tab navigation for "Case Study" and "Client" views
+   - Dynamically rendered from API data
+
+2. **CaseSingle** (`components/pages/case-study/CaseSingle.tsx`)
+   - Displays detailed case study information
+   - Shows poster image, project overview, and gallery
+   - Dynamically rendered from API data
+
+3. **Process** (`components/pages/case-study/Process.tsx`)
+   - Displays process steps for a case study
+   - Dynamically rendered from API data
+
+4. **RelatedCase** (`components/pages/case-study/RelatedCase.tsx`)
+   - Shows related case studies
+   - Dynamically rendered from API data
+
+### Pages
+
+- `/case-study` - Lists all case studies
+- `/case-study/[slug]` - Displays individual case study
+
+## Setup Instructions
+
+### Backend Setup
+
+1. Add `'case_studies'` to `INSTALLED_APPS` in `settings.py` ✅
+2. Run migrations:
+   ```bash
+   python manage.py makemigrations case_studies
+   python manage.py migrate case_studies
+   ```
+
+3. Populate sample data:
+   ```bash
+   python manage.py populate_case_studies
+   ```
+
+4. Add URL patterns to main `urls.py`:
+   ```python
+   path('api/case-studies/', include('case_studies.urls')),
+   ```
+
+### Frontend Setup
+
+The frontend is already integrated and ready to use. The components will automatically fetch data from the API when the pages load.
+
+## Admin Panel
+
+Access the Django admin panel to manage:
+- Case Study Categories
+- Clients
+- Case Studies
+- Case Study Images
+- Case Study Process Steps
+
+URL: `/admin/`
+
+## Data Population
+
+The `populate_case_studies` management command creates:
+- 6 case study categories
+- 4 clients
+- 8 case studies
+- 32 gallery images
+- 40 process steps
+
+## Features
+
+✅ Full CRUD operations via Django admin
+✅ RESTful API with filtering and pagination
+✅ Dynamic frontend with React hooks
+✅ Image support (local and external URLs)
+✅ Related case studies
+✅ Process steps with ordering
+✅ Gallery images with captions
+✅ Category and client management
+✅ Featured and popular case studies
+✅ SEO fields (meta description, keywords)
+✅ View count tracking
+
+## Testing the API
+
+You can test the API using:
+
+1. Django REST Framework browsable API:
+   - Navigate to `http://localhost:8000/api/case-studies/case-studies/`
+
+2. Swagger UI:
+   - Navigate to `http://localhost:8000/swagger/`
+
+3. Frontend:
+   - Navigate to `http://localhost:3000/case-study`
+
+## Example API Response
+
+```json
+{
+  "id": 1,
+  "title": "Artificial intelligence is the simulation of human processes",
+  "slug": "artificial-intelligence-is-the-simulation-of-human-processes",
+  "subtitle": "AI-Powered Business Solutions",
+  "excerpt": "This artificial intelligence project demonstrates...",
+  "thumbnail": "/images/case/one.png",
+  "category": {
+    "id": 4,
+    "name": "AI",
+    "slug": "ai"
+  },
+  "client": {
+    "id": 1,
+    "name": "Tarapio",
+    "slug": "tarapio"
+  },
+  "gallery_images": [...],
+  "process_steps": [...],
+  "related_case_studies": [...]
+}
+```
+
+## Notes
+
+- All images support both uploaded files and external URLs
+- Slugs are automatically generated from titles
+- Case studies are ordered by display_order and published_at
+- Only published case studies are returned via the API
+- View counts are automatically incremented when viewing details
+
diff --git a/gnx-react/backend/case_studies/__init__.py b/gnx-react/backend/case_studies/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/gnx-react/backend/case_studies/__pycache__/__init__.cpython-312.pyc b/gnx-react/backend/case_studies/__pycache__/__init__.cpython-312.pyc
new file mode 100644
index 00000000..bf217c49
Binary files /dev/null and b/gnx-react/backend/case_studies/__pycache__/__init__.cpython-312.pyc differ
diff --git a/gnx-react/backend/case_studies/__pycache__/admin.cpython-312.pyc b/gnx-react/backend/case_studies/__pycache__/admin.cpython-312.pyc
new file mode 100644
index 00000000..1ec40b99
Binary files /dev/null and b/gnx-react/backend/case_studies/__pycache__/admin.cpython-312.pyc differ
diff --git a/gnx-react/backend/case_studies/__pycache__/apps.cpython-312.pyc b/gnx-react/backend/case_studies/__pycache__/apps.cpython-312.pyc
new file mode 100644
index 00000000..3bf54a7c
Binary files /dev/null and b/gnx-react/backend/case_studies/__pycache__/apps.cpython-312.pyc differ
diff --git a/gnx-react/backend/case_studies/__pycache__/models.cpython-312.pyc b/gnx-react/backend/case_studies/__pycache__/models.cpython-312.pyc
new file mode 100644
index 00000000..c1336d03
Binary files /dev/null and b/gnx-react/backend/case_studies/__pycache__/models.cpython-312.pyc differ
diff --git a/gnx-react/backend/case_studies/__pycache__/serializers.cpython-312.pyc b/gnx-react/backend/case_studies/__pycache__/serializers.cpython-312.pyc
new file mode 100644
index 00000000..336cd1ea
Binary files /dev/null and b/gnx-react/backend/case_studies/__pycache__/serializers.cpython-312.pyc differ
diff --git a/gnx-react/backend/case_studies/__pycache__/urls.cpython-312.pyc b/gnx-react/backend/case_studies/__pycache__/urls.cpython-312.pyc
new file mode 100644
index 00000000..6aca05a8
Binary files /dev/null and b/gnx-react/backend/case_studies/__pycache__/urls.cpython-312.pyc differ
diff --git a/gnx-react/backend/case_studies/__pycache__/views.cpython-312.pyc b/gnx-react/backend/case_studies/__pycache__/views.cpython-312.pyc
new file mode 100644
index 00000000..88c05dff
Binary files /dev/null and b/gnx-react/backend/case_studies/__pycache__/views.cpython-312.pyc differ
diff --git a/gnx-react/backend/case_studies/admin.py b/gnx-react/backend/case_studies/admin.py
new file mode 100644
index 00000000..106d9f73
--- /dev/null
+++ b/gnx-react/backend/case_studies/admin.py
@@ -0,0 +1,105 @@
+from django.contrib import admin
+from .models import CaseStudy, CaseStudyCategory, Client, CaseStudyImage, CaseStudyProcess
+
+
+@admin.register(CaseStudyCategory)
+class CaseStudyCategoryAdmin(admin.ModelAdmin):
+    list_display = ['name', 'slug', 'display_order', 'is_active', 'case_studies_count']
+    list_filter = ['is_active']
+    search_fields = ['name', 'slug']
+    prepopulated_fields = {'slug': ('name',)}
+    ordering = ['display_order', 'name']
+
+    def case_studies_count(self, obj):
+        return obj.case_studies.count()
+    case_studies_count.short_description = 'Case Studies Count'
+
+
+@admin.register(Client)
+class ClientAdmin(admin.ModelAdmin):
+    list_display = ['name', 'slug', 'website', 'is_active', 'case_studies_count']
+    list_filter = ['is_active', 'created_at']
+    search_fields = ['name', 'slug', 'website']
+    prepopulated_fields = {'slug': ('name',)}
+    ordering = ['name']
+
+    def case_studies_count(self, obj):
+        return obj.case_studies.count()
+    case_studies_count.short_description = 'Case Studies Count'
+
+
+class CaseStudyImageInline(admin.TabularInline):
+    model = CaseStudyImage
+    extra = 1
+    fields = ['image', 'image_url', 'caption', 'display_order']
+
+
+class CaseStudyProcessInline(admin.TabularInline):
+    model = CaseStudyProcess
+    extra = 1
+    fields = ['step_number', 'title', 'description']
+    ordering = ['step_number']
+
+
+@admin.register(CaseStudy)
+class CaseStudyAdmin(admin.ModelAdmin):
+    list_display = [
+        'title', 'category', 'client', 'published', 
+        'featured', 'views_count', 'display_order', 'published_at'
+    ]
+    list_filter = [
+        'published', 'featured', 'category', 
+        'client', 'published_at', 'created_at'
+    ]
+    search_fields = ['title', 'description', 'excerpt']
+    prepopulated_fields = {'slug': ('title',)}
+    date_hierarchy = 'published_at'
+    ordering = ['display_order', '-published_at', '-created_at']
+    inlines = [CaseStudyImageInline, CaseStudyProcessInline]
+    
+    fieldsets = (
+        ('Basic Information', {
+            'fields': ('title', 'slug', 'subtitle', 'category', 'client')
+        }),
+        ('Content', {
+            'fields': ('excerpt', 'description', 'project_overview', 'site_map_content')
+        }),
+        ('Images', {
+            'fields': (
+                'thumbnail', 'thumbnail_url',
+                'featured_image', 'featured_image_url',
+                'poster_image', 'poster_image_url',
+                'project_image', 'project_image_url'
+            )
+        }),
+        ('SEO', {
+            'fields': ('meta_description', 'meta_keywords'),
+            'classes': ('collapse',)
+        }),
+        ('Status & Visibility', {
+            'fields': ('published', 'featured', 'display_order', 'published_at')
+        }),
+        ('Statistics', {
+            'fields': ('views_count',),
+            'classes': ('collapse',)
+        }),
+    )
+
+    readonly_fields = ['views_count']
+
+
+@admin.register(CaseStudyImage)
+class CaseStudyImageAdmin(admin.ModelAdmin):
+    list_display = ['case_study', 'caption', 'display_order', 'created_at']
+    list_filter = ['case_study', 'created_at']
+    search_fields = ['case_study__title', 'caption']
+    ordering = ['case_study', 'display_order']
+
+
+@admin.register(CaseStudyProcess)
+class CaseStudyProcessAdmin(admin.ModelAdmin):
+    list_display = ['case_study', 'step_number', 'title', 'created_at']
+    list_filter = ['case_study', 'created_at']
+    search_fields = ['case_study__title', 'title', 'description']
+    ordering = ['case_study', 'step_number']
+
diff --git a/gnx-react/backend/case_studies/apps.py b/gnx-react/backend/case_studies/apps.py
new file mode 100644
index 00000000..068f9f8f
--- /dev/null
+++ b/gnx-react/backend/case_studies/apps.py
@@ -0,0 +1,7 @@
+from django.apps import AppConfig
+
+
+class CaseStudiesConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'case_studies'
+
diff --git a/gnx-react/backend/case_studies/management/__init__.py b/gnx-react/backend/case_studies/management/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/gnx-react/backend/case_studies/management/__pycache__/__init__.cpython-312.pyc b/gnx-react/backend/case_studies/management/__pycache__/__init__.cpython-312.pyc
new file mode 100644
index 00000000..2dad47d7
Binary files /dev/null and b/gnx-react/backend/case_studies/management/__pycache__/__init__.cpython-312.pyc differ
diff --git a/gnx-react/backend/case_studies/management/commands/__init__.py b/gnx-react/backend/case_studies/management/commands/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/gnx-react/backend/case_studies/management/commands/__pycache__/__init__.cpython-312.pyc b/gnx-react/backend/case_studies/management/commands/__pycache__/__init__.cpython-312.pyc
new file mode 100644
index 00000000..310ac6f2
Binary files /dev/null and b/gnx-react/backend/case_studies/management/commands/__pycache__/__init__.cpython-312.pyc differ
diff --git a/gnx-react/backend/case_studies/management/commands/__pycache__/populate_case_studies.cpython-312.pyc b/gnx-react/backend/case_studies/management/commands/__pycache__/populate_case_studies.cpython-312.pyc
new file mode 100644
index 00000000..3b5f60d6
Binary files /dev/null and b/gnx-react/backend/case_studies/management/commands/__pycache__/populate_case_studies.cpython-312.pyc differ
diff --git a/gnx-react/backend/case_studies/management/commands/populate_case_studies.py b/gnx-react/backend/case_studies/management/commands/populate_case_studies.py
new file mode 100644
index 00000000..e5b67645
--- /dev/null
+++ b/gnx-react/backend/case_studies/management/commands/populate_case_studies.py
@@ -0,0 +1,346 @@
+from django.core.management.base import BaseCommand
+from case_studies.models import CaseStudyCategory, Client, CaseStudy, CaseStudyImage, CaseStudyProcess
+from django.utils import timezone
+from datetime import timedelta
+
+
+class Command(BaseCommand):
+    help = 'Populate database with sample case study data'
+
+    def handle(self, *args, **options):
+        self.stdout.write(self.style.SUCCESS('Starting to populate case study data...'))
+
+        # Clear existing data
+        CaseStudyProcess.objects.all().delete()
+        CaseStudyImage.objects.all().delete()
+        CaseStudy.objects.all().delete()
+        Client.objects.all().delete()
+        CaseStudyCategory.objects.all().delete()
+
+        # Create Categories
+        categories_data = [
+            {
+                'name': '3D Render',
+                'slug': '3d-render',
+                'description': '3D rendering and visualization projects',
+                'display_order': 1
+            },
+            {
+                'name': 'UI / UX',
+                'slug': 'ui-ux',
+                'description': 'User interface and user experience design projects',
+                'display_order': 2
+            },
+            {
+                'name': 'Photography',
+                'slug': 'photography',
+                'description': 'Professional photography projects',
+                'display_order': 3
+            },
+            {
+                'name': 'AI',
+                'slug': 'ai',
+                'description': 'Artificial intelligence and machine learning projects',
+                'display_order': 4
+            },
+            {
+                'name': 'Icon Set',
+                'slug': 'icon-set',
+                'description': 'Custom icon set design projects',
+                'display_order': 5
+            },
+            {
+                'name': 'Road Map',
+                'slug': 'road-map',
+                'description': 'Product roadmap and planning projects',
+                'display_order': 6
+            }
+        ]
+
+        categories = {}
+        for cat_data in categories_data:
+            category = CaseStudyCategory.objects.create(**cat_data)
+            categories[category.slug] = category
+            self.stdout.write(f'Created category: {category.name}')
+
+        # Create Clients
+        clients_data = [
+            {
+                'name': 'Tarapio',
+                'slug': 'tarapio',
+                'description': 'Leading technology solutions provider',
+                'website': 'https://tarapio.com'
+            },
+            {
+                'name': 'Melenpo',
+                'slug': 'melenpo',
+                'description': 'Digital innovation company',
+                'website': 'https://melenpo.com'
+            },
+            {
+                'name': 'Polax',
+                'slug': 'polax',
+                'description': 'Enterprise software solutions',
+                'website': 'https://polax.com'
+            },
+            {
+                'name': 'AINA',
+                'slug': 'aina',
+                'description': 'AI and automation solutions',
+                'website': 'https://aina.com'
+            }
+        ]
+
+        clients = {}
+        for client_data in clients_data:
+            client = Client.objects.create(**client_data)
+            clients[client.slug] = client
+            self.stdout.write(f'Created client: {client.name}')
+
+        # Create Case Studies
+        case_studies_data = [
+            {
+                'title': '3D computer graphics, or "3D graphics',
+                'subtitle': 'Immersive 3D Visualization Experience',
+                'description': '''
+<h2>Project Overview</h2>
+<p>A comprehensive 3D rendering project that showcases cutting-edge visualization techniques and photorealistic rendering capabilities. This project demonstrates our expertise in creating stunning visual content for modern digital platforms.</p>
+
+<h3>The Challenge</h3>
+<p>Our client needed high-quality 3D visualizations that could accurately represent their products in a digital environment. The challenge was to create renders that were not only photorealistic but also optimized for various platforms and use cases.</p>
+
+<h3>Our Approach</h3>
+<p>We employed advanced 3D modeling techniques combined with physically-based rendering (PBR) to achieve exceptional results. Our team utilized industry-standard tools and custom workflows to deliver renders that exceeded client expectations.</p>
+
+<h3>Key Features</h3>
+<ul>
+<li>Photorealistic lighting and materials</li>
+<li>High-resolution textures and details</li>
+<li>Multiple viewing angles and perspectives</li>
+<li>Optimized assets for web and print</li>
+<li>Interactive 3D viewer integration</li>
+</ul>
+
+<h2>Results</h2>
+<p>The project resulted in a collection of stunning 3D renders that significantly enhanced the client's digital presence. The visualizations led to increased customer engagement and improved conversion rates across their digital channels.</p>
+                ''',
+                'category': categories['3d-render'],
+                'client': None,
+                'thumbnail_url': '/images/case/two.png',
+                'poster_image_url': '/images/case/poster.png',
+                'project_image_url': '/images/case/project.png',
+                'project_overview': 'Lorem ipsum dolor sit amet consectetur. Vestibulum malesuada amet sagittis urna. Mattis eget ultricies est morbi velit ultrices viverra elit facilisi.',
+                'site_map_content': 'Lorem ipsum dolor sit amet consectetur. Vestibulum malesuada amet sagittis urna. Mattis eget ultricies est morbi velit ultrices viverra elit facilisi.',
+                'featured': True,
+                'display_order': 1,
+                'days_ago': 10
+            },
+            {
+                'title': 'Artificial intelligence is the simulation of human processes',
+                'subtitle': 'AI-Powered Business Solutions',
+                'description': '''
+<h2>About the Project</h2>
+<p>This artificial intelligence project demonstrates the power of machine learning and AI in solving complex business problems. We developed custom AI models that automate decision-making processes and provide predictive insights.</p>
+
+<h3>Technology Stack</h3>
+<p>The project utilizes state-of-the-art AI technologies including neural networks, natural language processing, and computer vision. Our solution is built on a scalable cloud infrastructure that can handle large volumes of data processing.</p>
+
+<h3>Implementation</h3>
+<p>We worked closely with the client to understand their specific needs and challenges. The implementation phase involved data collection, model training, validation, and deployment to production environments.</p>
+
+<h2>Impact</h2>
+<p>The AI solution has transformed the client's operations, reducing manual work by 60% and improving accuracy in decision-making processes. The system continues to learn and improve over time, providing increasing value to the organization.</p>
+                ''',
+                'category': categories['ai'],
+                'client': clients['tarapio'],
+                'thumbnail_url': '/images/case/one.png',
+                'poster_image_url': '/images/case/poster.png',
+                'featured': True,
+                'display_order': 2,
+                'days_ago': 15
+            },
+            {
+                'title': 'User experience (UX) design is the process design teams',
+                'subtitle': 'Modern UX Design System',
+                'description': '''
+<h2>Project Summary</h2>
+<p>A comprehensive UX design project focused on creating intuitive and engaging user experiences. This case study showcases our approach to user-centered design and our ability to create interfaces that delight users.</p>
+
+<h3>Research and Discovery</h3>
+<p>We conducted extensive user research including interviews, surveys, and usability testing to understand user needs and pain points. This research formed the foundation of our design decisions.</p>
+
+<h3>Design Process</h3>
+<p>Our design process involved creating user personas, journey maps, wireframes, and high-fidelity prototypes. Each step was validated with real users to ensure we were on the right track.</p>
+
+<h2>Deliverables</h2>
+<ul>
+<li>Comprehensive design system</li>
+<li>Interactive prototypes</li>
+<li>User flow diagrams</li>
+<li>Accessibility guidelines</li>
+<li>Component library</li>
+</ul>
+                ''',
+                'category': categories['ui-ux'],
+                'client': clients['melenpo'],
+                'thumbnail_url': '/images/case/three.png',
+                'poster_image_url': '/images/case/poster.png',
+                'featured': False,
+                'display_order': 3,
+                'days_ago': 20
+            },
+            {
+                'title': 'Photography is the art, application, and practice',
+                'subtitle': 'Professional Photography Portfolio',
+                'description': '''
+<h2>About This Project</h2>
+<p>A stunning photography project that captures the essence of modern visual storytelling. This portfolio demonstrates our expertise in various photography styles and techniques.</p>
+
+<h3>Photography Style</h3>
+<p>The project incorporates multiple photography styles including product photography, portrait photography, and architectural photography. Each image is carefully composed and post-processed to achieve the desired aesthetic.</p>
+
+<h2>Technical Excellence</h2>
+<p>Using professional-grade equipment and advanced lighting techniques, we created images that stand out in quality and artistic vision.</p>
+                ''',
+                'category': categories['photography'],
+                'client': None,
+                'thumbnail_url': '/images/case/four.png',
+                'poster_image_url': '/images/case/poster.png',
+                'featured': False,
+                'display_order': 4,
+                'days_ago': 25
+            },
+            {
+                'title': 'UX case study for a medical app- medical product design',
+                'subtitle': 'Healthcare UX Innovation',
+                'description': '''
+<h2>Healthcare Design Challenge</h2>
+<p>Designing for healthcare requires special attention to accessibility, security, and user trust. This medical app design project showcases our expertise in creating intuitive interfaces for complex healthcare workflows.</p>
+
+<h3>Compliance and Security</h3>
+<p>The design adheres to HIPAA regulations and industry best practices for healthcare data security while maintaining an intuitive user experience.</p>
+
+<h2>User Research</h2>
+<p>We conducted extensive research with healthcare professionals and patients to ensure the design meets the needs of all stakeholders.</p>
+                ''',
+                'category': categories['ui-ux'],
+                'client': clients['polax'],
+                'thumbnail_url': '/images/case/five.png',
+                'poster_image_url': '/images/case/poster.png',
+                'featured': False,
+                'display_order': 5,
+                'days_ago': 30
+            },
+            {
+                'title': 'Make icon set for the educational project',
+                'subtitle': 'Custom Educational Icon Set',
+                'description': '''
+<h2>Icon Design Project</h2>
+<p>A comprehensive icon set designed specifically for educational platforms. This project demonstrates our ability to create cohesive, scalable, and meaningful iconography.</p>
+
+<h3>Design Principles</h3>
+<p>The icons follow consistent design principles including size, style, and metaphor. Each icon is designed to be instantly recognizable and appropriate for educational contexts.</p>
+
+<h2>Deliverables</h2>
+<p>The final deliverable includes icons in multiple formats (SVG, PNG) and sizes, along with comprehensive usage guidelines.</p>
+                ''',
+                'category': categories['icon-set'],
+                'client': None,
+                'thumbnail_url': '/images/case/six.png',
+                'poster_image_url': '/images/case/poster.png',
+                'featured': False,
+                'display_order': 6,
+                'days_ago': 35
+            },
+            {
+                'title': 'AI-driven user experience design process',
+                'subtitle': 'AI-Driven User Experience',
+                'description': '''
+<h2>AI-Enhanced UX Design</h2>
+<p>This project combines artificial intelligence with user experience design to create adaptive interfaces that learn from user behavior and preferences.</p>
+
+<h3>Innovation</h3>
+<p>The design incorporates machine learning algorithms that personalize the user experience based on individual usage patterns and preferences.</p>
+                ''',
+                'category': categories['ai'],
+                'client': clients['aina'],
+                'thumbnail_url': '/images/case/seven.png',
+                'poster_image_url': '/images/case/poster.png',
+                'featured': False,
+                'display_order': 7,
+                'days_ago': 40
+            },
+            {
+                'title': 'UX site rode map app product design system',
+                'subtitle': 'Product Roadmap Visualization',
+                'description': '''
+<h2>Product Roadmap Design</h2>
+<p>A comprehensive product roadmap visualization system that helps teams plan, communicate, and execute their product strategy effectively.</p>
+
+<h3>Features</h3>
+<p>The roadmap system includes timeline views, milestone tracking, dependency mapping, and collaboration tools for distributed teams.</p>
+
+<h2>Implementation</h2>
+<p>Built with modern web technologies and optimized for performance and usability across all devices and platforms.</p>
+                ''',
+                'category': categories['road-map'],
+                'client': None,
+                'thumbnail_url': '/images/case/eight.png',
+                'poster_image_url': '/images/case/poster.png',
+                'featured': False,
+                'display_order': 8,
+                'days_ago': 45
+            }
+        ]
+
+        # Create case studies
+        created_case_studies = []
+        for cs_data in case_studies_data:
+            days_ago = cs_data.pop('days_ago')
+            
+            case_study = CaseStudy.objects.create(
+                **cs_data,
+                published_at=timezone.now() - timedelta(days=days_ago)
+            )
+            created_case_studies.append(case_study)
+            
+            # Add gallery images
+            gallery_images = [
+                '/images/case/nine.png',
+                '/images/case/ten.png',
+                '/images/case/eleven.png',
+                '/images/case/twelve.png'
+            ]
+            
+            for idx, img_url in enumerate(gallery_images, 1):
+                CaseStudyImage.objects.create(
+                    case_study=case_study,
+                    image_url=img_url,
+                    caption=f'Gallery Image {idx}',
+                    display_order=idx
+                )
+            
+            # Add process steps
+            processes = [
+                {'step_number': 1, 'title': 'Computer Vision', 'description': 'Quisque varius malesuada dui, ut posuere purus gravida in. Phasellus ultricies ullamcorper mollis.'},
+                {'step_number': 2, 'title': 'Computer Vision', 'description': 'Quisque varius malesuada dui, ut posuere purus gravida in. Phasellus ultricies ullamcorper mollis.'},
+                {'step_number': 3, 'title': '3D Vision', 'description': 'Quisque varius malesuada dui, ut posuere purus gravida in. Phasellus ultricies ullamcorper mollis.'},
+                {'step_number': 4, 'title': 'Computer Vision', 'description': 'Quisque varius malesuada dui, ut posuere purus gravida in. Phasellus ultricies ullamcorper mollis.'},
+                {'step_number': 5, 'title': '3D Vision', 'description': 'Quisque varius malesuada dui, ut posuere purus gravida in. Phasellus ultricies ullamcorper mollis.'},
+            ]
+            
+            for process_data in processes:
+                CaseStudyProcess.objects.create(
+                    case_study=case_study,
+                    **process_data
+                )
+            
+            self.stdout.write(f'Created case study: {case_study.title}')
+
+        self.stdout.write(self.style.SUCCESS('\nSuccessfully populated case study data!'))
+        self.stdout.write(f'Created {CaseStudyCategory.objects.count()} categories')
+        self.stdout.write(f'Created {Client.objects.count()} clients')
+        self.stdout.write(f'Created {CaseStudy.objects.count()} case studies')
+        self.stdout.write(f'Created {CaseStudyImage.objects.count()} gallery images')
+        self.stdout.write(f'Created {CaseStudyProcess.objects.count()} process steps')
+
diff --git a/gnx-react/backend/case_studies/migrations/0001_initial.py b/gnx-react/backend/case_studies/migrations/0001_initial.py
new file mode 100644
index 00000000..81b20aeb
--- /dev/null
+++ b/gnx-react/backend/case_studies/migrations/0001_initial.py
@@ -0,0 +1,144 @@
+# Generated by Django 4.2.7 on 2025-10-08 10:24
+
+from django.db import migrations, models
+import django.db.models.deletion
+import django.utils.timezone
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='CaseStudy',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=300)),
+                ('slug', models.SlugField(max_length=300, unique=True)),
+                ('subtitle', models.CharField(blank=True, max_length=300)),
+                ('description', models.TextField()),
+                ('excerpt', models.TextField(blank=True, help_text='Short excerpt for preview')),
+                ('thumbnail', models.ImageField(blank=True, null=True, upload_to='case_studies/thumbnails/')),
+                ('thumbnail_url', models.CharField(blank=True, help_text='External thumbnail URL', max_length=500)),
+                ('featured_image', models.ImageField(blank=True, null=True, upload_to='case_studies/featured/')),
+                ('featured_image_url', models.CharField(blank=True, help_text='External featured image URL', max_length=500)),
+                ('poster_image', models.ImageField(blank=True, null=True, upload_to='case_studies/posters/')),
+                ('poster_image_url', models.CharField(blank=True, help_text='External poster image URL', max_length=500)),
+                ('project_image', models.ImageField(blank=True, null=True, upload_to='case_studies/projects/')),
+                ('project_image_url', models.CharField(blank=True, help_text='External project image URL', max_length=500)),
+                ('project_overview', models.TextField(blank=True, help_text='Project overview content')),
+                ('site_map_content', models.TextField(blank=True, help_text='Site map / process content')),
+                ('meta_description', models.CharField(blank=True, max_length=160)),
+                ('meta_keywords', models.CharField(blank=True, max_length=255)),
+                ('published', models.BooleanField(default=True)),
+                ('featured', models.BooleanField(default=False, help_text='Featured case study')),
+                ('views_count', models.PositiveIntegerField(default=0)),
+                ('display_order', models.PositiveIntegerField(default=0)),
+                ('published_at', models.DateTimeField(default=django.utils.timezone.now)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                'verbose_name': 'Case Study',
+                'verbose_name_plural': 'Case Studies',
+                'ordering': ['display_order', '-published_at', '-created_at'],
+            },
+        ),
+        migrations.CreateModel(
+            name='CaseStudyCategory',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=100)),
+                ('slug', models.SlugField(max_length=100, unique=True)),
+                ('description', models.TextField(blank=True)),
+                ('display_order', models.PositiveIntegerField(default=0)),
+                ('is_active', models.BooleanField(default=True)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                'verbose_name': 'Case Study Category',
+                'verbose_name_plural': 'Case Study Categories',
+                'ordering': ['display_order', 'name'],
+            },
+        ),
+        migrations.CreateModel(
+            name='Client',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=200)),
+                ('slug', models.SlugField(max_length=200, unique=True)),
+                ('logo', models.ImageField(blank=True, null=True, upload_to='case_studies/clients/')),
+                ('logo_url', models.CharField(blank=True, help_text='External logo URL', max_length=500)),
+                ('description', models.TextField(blank=True)),
+                ('website', models.URLField(blank=True)),
+                ('is_active', models.BooleanField(default=True)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('updated_at', models.DateTimeField(auto_now=True)),
+            ],
+            options={
+                'verbose_name': 'Client',
+                'verbose_name_plural': 'Clients',
+                'ordering': ['name'],
+            },
+        ),
+        migrations.CreateModel(
+            name='CaseStudyProcess',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=200)),
+                ('description', models.TextField()),
+                ('step_number', models.PositiveIntegerField()),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('case_study', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='process_steps', to='case_studies.casestudy')),
+            ],
+            options={
+                'verbose_name': 'Case Study Process',
+                'verbose_name_plural': 'Case Study Processes',
+                'ordering': ['step_number'],
+            },
+        ),
+        migrations.CreateModel(
+            name='CaseStudyImage',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('image', models.ImageField(upload_to='case_studies/gallery/')),
+                ('image_url', models.CharField(blank=True, help_text='External image URL', max_length=500)),
+                ('caption', models.CharField(blank=True, max_length=200)),
+                ('display_order', models.PositiveIntegerField(default=0)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('case_study', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='gallery_images', to='case_studies.casestudy')),
+            ],
+            options={
+                'verbose_name': 'Case Study Image',
+                'verbose_name_plural': 'Case Study Images',
+                'ordering': ['display_order', 'created_at'],
+            },
+        ),
+        migrations.AddField(
+            model_name='casestudy',
+            name='category',
+            field=models.ForeignKey(null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='case_studies', to='case_studies.casestudycategory'),
+        ),
+        migrations.AddField(
+            model_name='casestudy',
+            name='client',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='case_studies', to='case_studies.client'),
+        ),
+        migrations.AddIndex(
+            model_name='casestudy',
+            index=models.Index(fields=['-published_at'], name='case_studie_publish_77559c_idx'),
+        ),
+        migrations.AddIndex(
+            model_name='casestudy',
+            index=models.Index(fields=['slug'], name='case_studie_slug_2898e2_idx'),
+        ),
+        migrations.AddIndex(
+            model_name='casestudy',
+            index=models.Index(fields=['published'], name='case_studie_publish_c9c1aa_idx'),
+        ),
+    ]
diff --git a/gnx-react/backend/case_studies/migrations/__init__.py b/gnx-react/backend/case_studies/migrations/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/gnx-react/backend/case_studies/migrations/__pycache__/0001_initial.cpython-312.pyc b/gnx-react/backend/case_studies/migrations/__pycache__/0001_initial.cpython-312.pyc
new file mode 100644
index 00000000..ab05be75
Binary files /dev/null and b/gnx-react/backend/case_studies/migrations/__pycache__/0001_initial.cpython-312.pyc differ
diff --git a/gnx-react/backend/case_studies/migrations/__pycache__/__init__.cpython-312.pyc b/gnx-react/backend/case_studies/migrations/__pycache__/__init__.cpython-312.pyc
new file mode 100644
index 00000000..37457131
Binary files /dev/null and b/gnx-react/backend/case_studies/migrations/__pycache__/__init__.cpython-312.pyc differ
diff --git a/gnx-react/backend/case_studies/models.py b/gnx-react/backend/case_studies/models.py
new file mode 100644
index 00000000..cfedfc51
--- /dev/null
+++ b/gnx-react/backend/case_studies/models.py
@@ -0,0 +1,222 @@
+from django.db import models
+from django.utils import timezone
+from django.utils.text import slugify
+
+
+class CaseStudyCategory(models.Model):
+    """Model for case study categories"""
+    name = models.CharField(max_length=100)
+    slug = models.SlugField(max_length=100, unique=True)
+    description = models.TextField(blank=True)
+    display_order = models.PositiveIntegerField(default=0)
+    is_active = models.BooleanField(default=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    class Meta:
+        verbose_name = "Case Study Category"
+        verbose_name_plural = "Case Study Categories"
+        ordering = ['display_order', 'name']
+
+    def __str__(self):
+        return self.name
+
+    def save(self, *args, **kwargs):
+        if not self.slug:
+            self.slug = slugify(self.name)
+        super().save(*args, **kwargs)
+
+
+class Client(models.Model):
+    """Model for clients"""
+    name = models.CharField(max_length=200)
+    slug = models.SlugField(max_length=200, unique=True)
+    logo = models.ImageField(upload_to='case_studies/clients/', blank=True, null=True)
+    logo_url = models.CharField(max_length=500, blank=True, help_text="External logo URL")
+    description = models.TextField(blank=True)
+    website = models.URLField(blank=True)
+    is_active = models.BooleanField(default=True)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    class Meta:
+        verbose_name = "Client"
+        verbose_name_plural = "Clients"
+        ordering = ['name']
+
+    def __str__(self):
+        return self.name
+
+    def save(self, *args, **kwargs):
+        if not self.slug:
+            self.slug = slugify(self.name)
+        super().save(*args, **kwargs)
+
+    @property
+    def get_logo_url(self):
+        """Return the logo URL (uploaded image or external URL)"""
+        if self.logo and hasattr(self.logo, 'url'):
+            return self.logo.url
+        elif self.logo_url:
+            return self.logo_url
+        return None
+
+
+class CaseStudy(models.Model):
+    """Model for case studies"""
+    title = models.CharField(max_length=300)
+    slug = models.SlugField(max_length=300, unique=True)
+    subtitle = models.CharField(max_length=300, blank=True)
+    description = models.TextField()
+    excerpt = models.TextField(blank=True, help_text="Short excerpt for preview")
+    
+    # Images
+    thumbnail = models.ImageField(upload_to='case_studies/thumbnails/', blank=True, null=True)
+    thumbnail_url = models.CharField(max_length=500, blank=True, help_text="External thumbnail URL")
+    featured_image = models.ImageField(upload_to='case_studies/featured/', blank=True, null=True)
+    featured_image_url = models.CharField(max_length=500, blank=True, help_text="External featured image URL")
+    poster_image = models.ImageField(upload_to='case_studies/posters/', blank=True, null=True)
+    poster_image_url = models.CharField(max_length=500, blank=True, help_text="External poster image URL")
+    project_image = models.ImageField(upload_to='case_studies/projects/', blank=True, null=True)
+    project_image_url = models.CharField(max_length=500, blank=True, help_text="External project image URL")
+    
+    # Content sections
+    project_overview = models.TextField(blank=True, help_text="Project overview content")
+    site_map_content = models.TextField(blank=True, help_text="Site map / process content")
+    
+    # Relations
+    category = models.ForeignKey(
+        CaseStudyCategory,
+        on_delete=models.SET_NULL,
+        null=True,
+        related_name='case_studies'
+    )
+    client = models.ForeignKey(
+        Client,
+        on_delete=models.SET_NULL,
+        null=True,
+        blank=True,
+        related_name='case_studies'
+    )
+    
+    # SEO and metadata
+    meta_description = models.CharField(max_length=160, blank=True)
+    meta_keywords = models.CharField(max_length=255, blank=True)
+    
+    # Status and visibility
+    published = models.BooleanField(default=True)
+    featured = models.BooleanField(default=False, help_text="Featured case study")
+    views_count = models.PositiveIntegerField(default=0)
+    display_order = models.PositiveIntegerField(default=0)
+    
+    # Timestamps
+    published_at = models.DateTimeField(default=timezone.now)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    class Meta:
+        verbose_name = "Case Study"
+        verbose_name_plural = "Case Studies"
+        ordering = ['display_order', '-published_at', '-created_at']
+        indexes = [
+            models.Index(fields=['-published_at']),
+            models.Index(fields=['slug']),
+            models.Index(fields=['published']),
+        ]
+
+    def __str__(self):
+        return self.title
+
+    def save(self, *args, **kwargs):
+        if not self.slug:
+            self.slug = slugify(self.title)
+        if not self.excerpt and self.description:
+            # Generate excerpt from description (first 200 characters)
+            self.excerpt = self.description[:200] + '...' if len(self.description) > 200 else self.description
+        super().save(*args, **kwargs)
+
+    @property
+    def get_thumbnail_url(self):
+        """Return the thumbnail URL (uploaded image or external URL)"""
+        if self.thumbnail and hasattr(self.thumbnail, 'url'):
+            return self.thumbnail.url
+        elif self.thumbnail_url:
+            return self.thumbnail_url
+        return None
+
+    @property
+    def get_featured_image_url(self):
+        """Return the featured image URL (uploaded image or external URL)"""
+        if self.featured_image and hasattr(self.featured_image, 'url'):
+            return self.featured_image.url
+        elif self.featured_image_url:
+            return self.featured_image_url
+        return None
+
+    @property
+    def get_poster_image_url(self):
+        """Return the poster image URL (uploaded image or external URL)"""
+        if self.poster_image and hasattr(self.poster_image, 'url'):
+            return self.poster_image.url
+        elif self.poster_image_url:
+            return self.poster_image_url
+        return None
+
+    @property
+    def get_project_image_url(self):
+        """Return the project image URL (uploaded image or external URL)"""
+        if self.project_image and hasattr(self.project_image, 'url'):
+            return self.project_image.url
+        elif self.project_image_url:
+            return self.project_image_url
+        return None
+
+    def increment_views(self):
+        """Increment the view count"""
+        self.views_count += 1
+        self.save(update_fields=['views_count'])
+
+
+class CaseStudyImage(models.Model):
+    """Model for additional case study images (gallery)"""
+    case_study = models.ForeignKey(CaseStudy, on_delete=models.CASCADE, related_name='gallery_images')
+    image = models.ImageField(upload_to='case_studies/gallery/')
+    image_url = models.CharField(max_length=500, blank=True, help_text="External image URL")
+    caption = models.CharField(max_length=200, blank=True)
+    display_order = models.PositiveIntegerField(default=0)
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    class Meta:
+        verbose_name = "Case Study Image"
+        verbose_name_plural = "Case Study Images"
+        ordering = ['display_order', 'created_at']
+
+    def __str__(self):
+        return f"{self.case_study.title} - Image {self.display_order}"
+
+    @property
+    def get_image_url(self):
+        """Return the image URL (uploaded image or external URL)"""
+        if self.image and hasattr(self.image, 'url'):
+            return self.image.url
+        elif self.image_url:
+            return self.image_url
+        return None
+
+
+class CaseStudyProcess(models.Model):
+    """Model for case study process steps"""
+    case_study = models.ForeignKey(CaseStudy, on_delete=models.CASCADE, related_name='process_steps')
+    title = models.CharField(max_length=200)
+    description = models.TextField()
+    step_number = models.PositiveIntegerField()
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    class Meta:
+        verbose_name = "Case Study Process"
+        verbose_name_plural = "Case Study Processes"
+        ordering = ['step_number']
+
+    def __str__(self):
+        return f"{self.case_study.title} - Step {self.step_number}: {self.title}"
+
diff --git a/gnx-react/backend/case_studies/serializers.py b/gnx-react/backend/case_studies/serializers.py
new file mode 100644
index 00000000..6f66bfdc
--- /dev/null
+++ b/gnx-react/backend/case_studies/serializers.py
@@ -0,0 +1,111 @@
+from rest_framework import serializers
+from .models import CaseStudy, CaseStudyCategory, Client, CaseStudyImage, CaseStudyProcess
+
+
+class CaseStudyCategorySerializer(serializers.ModelSerializer):
+    """Serializer for case study categories"""
+    case_studies_count = serializers.SerializerMethodField()
+    
+    class Meta:
+        model = CaseStudyCategory
+        fields = ['id', 'name', 'slug', 'description', 'display_order', 'case_studies_count']
+    
+    def get_case_studies_count(self, obj):
+        return obj.case_studies.filter(published=True).count()
+
+
+class ClientSerializer(serializers.ModelSerializer):
+    """Serializer for clients"""
+    logo = serializers.SerializerMethodField()
+    
+    class Meta:
+        model = Client
+        fields = ['id', 'name', 'slug', 'logo', 'description', 'website']
+    
+    def get_logo(self, obj):
+        return obj.get_logo_url
+
+
+class CaseStudyImageSerializer(serializers.ModelSerializer):
+    """Serializer for case study gallery images"""
+    image = serializers.SerializerMethodField()
+    
+    class Meta:
+        model = CaseStudyImage
+        fields = ['id', 'image', 'caption', 'display_order']
+    
+    def get_image(self, obj):
+        return obj.get_image_url
+
+
+class CaseStudyProcessSerializer(serializers.ModelSerializer):
+    """Serializer for case study process steps"""
+    class Meta:
+        model = CaseStudyProcess
+        fields = ['id', 'title', 'description', 'step_number']
+
+
+class CaseStudyListSerializer(serializers.ModelSerializer):
+    """Serializer for case study list view"""
+    category_name = serializers.CharField(source='category.name', read_only=True)
+    category_slug = serializers.CharField(source='category.slug', read_only=True)
+    client_name = serializers.CharField(source='client.name', read_only=True, allow_null=True)
+    thumbnail = serializers.SerializerMethodField()
+    
+    class Meta:
+        model = CaseStudy
+        fields = [
+            'id', 'title', 'slug', 'subtitle', 'excerpt', 'thumbnail',
+            'category_name', 'category_slug', 'client_name',
+            'published_at', 'created_at', 'updated_at',
+            'views_count', 'featured', 'published', 'display_order'
+        ]
+    
+    def get_thumbnail(self, obj):
+        return obj.get_thumbnail_url
+
+
+class CaseStudyDetailSerializer(serializers.ModelSerializer):
+    """Serializer for case study detail view"""
+    category = CaseStudyCategorySerializer(read_only=True)
+    client = ClientSerializer(read_only=True)
+    thumbnail = serializers.SerializerMethodField()
+    featured_image = serializers.SerializerMethodField()
+    poster_image = serializers.SerializerMethodField()
+    project_image = serializers.SerializerMethodField()
+    gallery_images = CaseStudyImageSerializer(many=True, read_only=True)
+    process_steps = CaseStudyProcessSerializer(many=True, read_only=True)
+    related_case_studies = serializers.SerializerMethodField()
+    
+    class Meta:
+        model = CaseStudy
+        fields = [
+            'id', 'title', 'slug', 'subtitle', 'description', 'excerpt',
+            'thumbnail', 'featured_image', 'poster_image', 'project_image',
+            'project_overview', 'site_map_content',
+            'category', 'client', 'gallery_images', 'process_steps',
+            'meta_description', 'meta_keywords',
+            'published', 'featured', 'views_count', 'display_order',
+            'published_at', 'created_at', 'updated_at', 'related_case_studies'
+        ]
+    
+    def get_thumbnail(self, obj):
+        return obj.get_thumbnail_url
+    
+    def get_featured_image(self, obj):
+        return obj.get_featured_image_url
+    
+    def get_poster_image(self, obj):
+        return obj.get_poster_image_url
+    
+    def get_project_image(self, obj):
+        return obj.get_project_image_url
+    
+    def get_related_case_studies(self, obj):
+        """Get related case studies from the same category"""
+        related = CaseStudy.objects.filter(
+            category=obj.category,
+            published=True
+        ).exclude(id=obj.id)[:3]
+        return CaseStudyListSerializer(related, many=True, context=self.context).data
+
diff --git a/gnx-react/backend/case_studies/tests.py b/gnx-react/backend/case_studies/tests.py
new file mode 100644
index 00000000..9ef51e25
--- /dev/null
+++ b/gnx-react/backend/case_studies/tests.py
@@ -0,0 +1,5 @@
+# Test case for case_studies app
+from django.test import TestCase
+
+# Create your tests here.
+
diff --git a/gnx-react/backend/case_studies/urls.py b/gnx-react/backend/case_studies/urls.py
new file mode 100644
index 00000000..e13f357e
--- /dev/null
+++ b/gnx-react/backend/case_studies/urls.py
@@ -0,0 +1,17 @@
+from django.urls import path, include
+from rest_framework.routers import DefaultRouter
+from .views import (
+    CaseStudyViewSet,
+    CaseStudyCategoryViewSet,
+    ClientViewSet
+)
+
+router = DefaultRouter()
+router.register(r'case-studies', CaseStudyViewSet, basename='case-study')
+router.register(r'categories', CaseStudyCategoryViewSet, basename='case-study-category')
+router.register(r'clients', ClientViewSet, basename='client')
+
+urlpatterns = [
+    path('', include(router.urls)),
+]
+
diff --git a/gnx-react/backend/case_studies/views.py b/gnx-react/backend/case_studies/views.py
new file mode 100644
index 00000000..14c6770e
--- /dev/null
+++ b/gnx-react/backend/case_studies/views.py
@@ -0,0 +1,138 @@
+from rest_framework import viewsets, filters
+from rest_framework.decorators import action
+from rest_framework.response import Response
+from rest_framework.pagination import PageNumberPagination
+from django_filters.rest_framework import DjangoFilterBackend
+from django.db.models import Q
+from .models import CaseStudy, CaseStudyCategory, Client
+from .serializers import (
+    CaseStudyListSerializer,
+    CaseStudyDetailSerializer,
+    CaseStudyCategorySerializer,
+    ClientSerializer
+)
+
+
+class CaseStudyPagination(PageNumberPagination):
+    """Custom pagination for case studies"""
+    page_size = 9
+    page_size_query_param = 'page_size'
+    max_page_size = 100
+
+
+class CaseStudyViewSet(viewsets.ReadOnlyModelViewSet):
+    """
+    ViewSet for case studies
+    Supports filtering by category, client, and search
+    """
+    queryset = CaseStudy.objects.filter(published=True)
+    pagination_class = CaseStudyPagination
+    filter_backends = [DjangoFilterBackend, filters.SearchFilter, filters.OrderingFilter]
+    filterset_fields = ['category__slug', 'client', 'featured']
+    search_fields = ['title', 'description', 'excerpt']
+    ordering_fields = ['published_at', 'views_count', 'created_at', 'display_order']
+    ordering = ['display_order', '-published_at']
+    lookup_field = 'slug'
+
+    def get_serializer_class(self):
+        if self.action == 'retrieve':
+            return CaseStudyDetailSerializer
+        return CaseStudyListSerializer
+
+    def get_queryset(self):
+        queryset = super().get_queryset()
+        
+        # Filter by category
+        category_slug = self.request.query_params.get('category', None)
+        if category_slug and category_slug != 'all':
+            queryset = queryset.filter(category__slug=category_slug)
+        
+        # Filter by client
+        client_slug = self.request.query_params.get('client', None)
+        if client_slug:
+            queryset = queryset.filter(client__slug=client_slug)
+        
+        # Search query
+        search = self.request.query_params.get('search', None)
+        if search:
+            queryset = queryset.filter(
+                Q(title__icontains=search) |
+                Q(description__icontains=search) |
+                Q(excerpt__icontains=search)
+            )
+        
+        return queryset.distinct()
+
+    def retrieve(self, request, *args, **kwargs):
+        """Override retrieve to increment view count"""
+        instance = self.get_object()
+        instance.increment_views()
+        serializer = self.get_serializer(instance)
+        return Response(serializer.data)
+
+    @action(detail=False, methods=['get'])
+    def featured(self, request):
+        """Get featured case studies"""
+        featured_case_studies = self.get_queryset().filter(featured=True)[:6]
+        serializer = self.get_serializer(featured_case_studies, many=True)
+        return Response(serializer.data)
+
+    @action(detail=False, methods=['get'])
+    def latest(self, request):
+        """Get latest case studies"""
+        limit = int(request.query_params.get('limit', 6))
+        latest_case_studies = self.get_queryset()[:limit]
+        serializer = self.get_serializer(latest_case_studies, many=True)
+        return Response(serializer.data)
+
+    @action(detail=False, methods=['get'])
+    def popular(self, request):
+        """Get popular case studies by views"""
+        limit = int(request.query_params.get('limit', 6))
+        popular_case_studies = self.get_queryset().order_by('-views_count')[:limit]
+        serializer = self.get_serializer(popular_case_studies, many=True)
+        return Response(serializer.data)
+
+    @action(detail=True, methods=['get'])
+    def related(self, request, slug=None):
+        """Get related case studies for a specific case study"""
+        case_study = self.get_object()
+        related_case_studies = self.get_queryset().filter(
+            category=case_study.category
+        ).exclude(id=case_study.id)[:4]
+        serializer = self.get_serializer(related_case_studies, many=True)
+        return Response(serializer.data)
+
+
+class CaseStudyCategoryViewSet(viewsets.ReadOnlyModelViewSet):
+    """ViewSet for case study categories"""
+    queryset = CaseStudyCategory.objects.filter(is_active=True)
+    serializer_class = CaseStudyCategorySerializer
+    lookup_field = 'slug'
+
+    @action(detail=False, methods=['get'])
+    def with_case_studies(self, request):
+        """Get categories that have published case studies"""
+        categories = self.get_queryset().filter(case_studies__published=True).distinct()
+        serializer = self.get_serializer(categories, many=True)
+        return Response(serializer.data)
+
+
+class ClientViewSet(viewsets.ReadOnlyModelViewSet):
+    """ViewSet for clients"""
+    queryset = Client.objects.filter(is_active=True)
+    serializer_class = ClientSerializer
+    lookup_field = 'slug'
+
+    @action(detail=True, methods=['get'])
+    def case_studies(self, request, slug=None):
+        """Get all case studies for a specific client"""
+        client = self.get_object()
+        case_studies = CaseStudy.objects.filter(client=client, published=True)
+        page = self.paginate_queryset(case_studies)
+        if page is not None:
+            serializer = CaseStudyListSerializer(page, many=True)
+            return self.get_paginated_response(serializer.data)
+        serializer = CaseStudyListSerializer(case_studies, many=True)
+        return Response(serializer.data)
+
diff --git a/gnx-react/backend/db.sqlite3 b/gnx-react/backend/db.sqlite3
index fc426836..939ac093 100644
Binary files a/gnx-react/backend/db.sqlite3 and b/gnx-react/backend/db.sqlite3 differ
diff --git a/gnx-react/backend/gnx/__pycache__/settings.cpython-312.pyc b/gnx-react/backend/gnx/__pycache__/settings.cpython-312.pyc
index 16c77a4e..d3949d94 100644
Binary files a/gnx-react/backend/gnx/__pycache__/settings.cpython-312.pyc and b/gnx-react/backend/gnx/__pycache__/settings.cpython-312.pyc differ
diff --git a/gnx-react/backend/gnx/__pycache__/urls.cpython-312.pyc b/gnx-react/backend/gnx/__pycache__/urls.cpython-312.pyc
index b4089c00..0d60be92 100644
Binary files a/gnx-react/backend/gnx/__pycache__/urls.cpython-312.pyc and b/gnx-react/backend/gnx/__pycache__/urls.cpython-312.pyc differ
diff --git a/gnx-react/backend/gnx/settings.py b/gnx-react/backend/gnx/settings.py
index e24623c6..347cf31f 100644
--- a/gnx-react/backend/gnx/settings.py
+++ b/gnx-react/backend/gnx/settings.py
@@ -52,6 +52,8 @@ INSTALLED_APPS = [
     'about',
     'career',
     'support',
+    'blog',
+    'case_studies',
 ]
 
 MIDDLEWARE = [
@@ -155,7 +157,7 @@ REST_FRAMEWORK = {
         'rest_framework.authentication.TokenAuthentication',
     ],
     'DEFAULT_PERMISSION_CLASSES': [
-        'rest_framework.permissions.IsAuthenticated',
+        'rest_framework.permissions.AllowAny',  # Allow public access to read-only endpoints
     ],
     'DEFAULT_PAGINATION_CLASS': 'rest_framework.pagination.PageNumberPagination',
     'PAGE_SIZE': 20,
diff --git a/gnx-react/backend/gnx/urls.py b/gnx-react/backend/gnx/urls.py
index e412b2c8..79c1329c 100644
--- a/gnx-react/backend/gnx/urls.py
+++ b/gnx-react/backend/gnx/urls.py
@@ -51,6 +51,8 @@ urlpatterns = [
         path('about/', include('about.urls')),
         path('career/', include('career.urls')),
         path('support/', include('support.urls')),
+        path('blog/', include('blog.urls')),
+        path('case-studies/', include('case_studies.urls')),
     ])),
 ]
 
diff --git a/gnx-react/backend/logs/django.log b/gnx-react/backend/logs/django.log
index 009f3e72..ab856969 100644
--- a/gnx-react/backend/logs/django.log
+++ b/gnx-react/backend/logs/django.log
@@ -17123,3 +17123,1267 @@ INFO 2025-10-07 19:08:18,603 basehttp 109496 124621948974784 "GET /api/services/
 INFO 2025-10-07 19:08:18,613 basehttp 109496 124621948974784 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
 INFO 2025-10-07 19:08:18,684 basehttp 109496 124621948974784 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
 INFO 2025-10-07 19:08:18,744 basehttp 109496 124621948974784 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:16:19,195 autoreload 5142 137635468096960 Watching for file changes with StatReloader
+INFO 2025-10-08 09:16:42,611 basehttp 5142 137635301422784 "OPTIONS /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 0
+INFO 2025-10-08 09:16:42,630 basehttp 5142 137635301422784 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:16:42,695 basehttp 5142 137635301422784 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:16:42,745 basehttp 5142 137635301422784 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:16:42,795 basehttp 5142 137635301422784 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:16:59,750 basehttp 5142 137635301422784 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:16:59,755 basehttp 5142 137635284637376 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:16:59,755 basehttp 5142 137635293030080 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:16:59,764 basehttp 5142 137635301422784 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:17:00,075 basehttp 5142 137635284637376 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:17:00,081 basehttp 5142 137635301422784 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:17:00,083 basehttp 5142 137635293030080 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:17:00,091 basehttp 5142 137635301422784 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:01,554 basehttp 5142 137635301422784 "GET /api/support/knowledge-base-categories/ HTTP/1.1" 200 1195
+INFO 2025-10-08 09:25:01,567 basehttp 5142 137635284637376 "GET /api/support/knowledge-base/featured/ HTTP/1.1" 200 1700
+INFO 2025-10-08 09:25:01,568 basehttp 5142 137635276244672 "GET /api/support/knowledge-base-categories/ HTTP/1.1" 200 1195
+INFO 2025-10-08 09:25:01,569 basehttp 5142 137635259459264 "GET /api/support/knowledge-base/featured/ HTTP/1.1" 200 1700
+INFO 2025-10-08 09:25:01,576 basehttp 5142 137635293030080 "GET /api/support/knowledge-base/ HTTP/1.1" 200 2589
+INFO 2025-10-08 09:25:01,579 basehttp 5142 137635267851968 "GET /api/support/knowledge-base/ HTTP/1.1" 200 2589
+INFO 2025-10-08 09:25:13,738 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:13,747 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:14,071 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:14,080 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:21,780 basehttp 5142 137635267851968 "OPTIONS /api/career/jobs/ HTTP/1.1" 200 0
+INFO 2025-10-08 09:25:21,790 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:21,804 basehttp 5142 137635267851968 "GET /api/career/jobs/ HTTP/1.1" 200 2334
+INFO 2025-10-08 09:25:21,844 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:21,854 basehttp 5142 137635293030080 "GET /api/career/jobs/ HTTP/1.1" 200 2334
+INFO 2025-10-08 09:25:22,184 basehttp 5142 137635267851968 "GET /api/career/jobs/ HTTP/1.1" 200 2334
+INFO 2025-10-08 09:25:22,189 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:22,229 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:22,237 basehttp 5142 137635267851968 "GET /api/career/jobs/ HTTP/1.1" 200 2334
+INFO 2025-10-08 09:25:34,223 basehttp 5142 137635267851968 "OPTIONS /api/about/page/ HTTP/1.1" 200 0
+INFO 2025-10-08 09:25:34,228 basehttp 5142 137635259459264 "OPTIONS /api/about/page/ HTTP/1.1" 200 0
+INFO 2025-10-08 09:25:34,239 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:34,268 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:34,276 basehttp 5142 137635267851968 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:25:34,283 basehttp 5142 137635259459264 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:25:34,403 basehttp 5142 137635259459264 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:25:34,405 basehttp 5142 137635284637376 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:25:34,405 basehttp 5142 137635293030080 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:25:34,414 basehttp 5142 137635267851968 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:25:34,552 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:34,580 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:34,582 basehttp 5142 137635259459264 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:25:34,602 basehttp 5142 137635267851968 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:25:34,620 basehttp 5142 137635259459264 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:25:34,683 basehttp 5142 137635293030080 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:25:34,699 basehttp 5142 137635293030080 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:25:34,729 basehttp 5142 137634911352512 "GET /media/about/services/5106554_2658378.jpg HTTP/1.1" 200 512913
+INFO 2025-10-08 09:25:34,756 basehttp 5142 137635293030080 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:25:37,238 basehttp 5142 137634911352512 "GET /media/about/process/5106554_2658378.jpg HTTP/1.1" 200 512913
+INFO 2025-10-08 09:25:38,501 basehttp 5142 137634911352512 "GET /media/about/journey/5106554_2658378_z7vMnMV.jpg HTTP/1.1" 200 512913
+INFO 2025-10-08 09:25:51,183 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:51,193 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:51,243 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:51,296 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:51,550 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:51,562 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:51,628 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:25:51,684 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:26:09,747 basehttp 5142 137635259459264 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:26:09,750 basehttp 5142 137635267851968 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:26:09,755 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:26:09,767 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:26:10,065 basehttp 5142 137635259459264 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:26:10,071 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:26:10,077 basehttp 5142 137635267851968 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:26:10,083 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:26:32,597 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:26:32,607 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:26:32,937 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:26:32,948 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:34:52,375 basehttp 5142 137635259459264 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:34:52,384 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:34:52,385 basehttp 5142 137635267851968 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:34:52,395 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:34:52,716 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:34:52,720 basehttp 5142 137635267851968 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:34:52,726 basehttp 5142 137635259459264 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:34:52,737 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:35:05,757 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:35:05,941 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:35:06,261 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:35:06,373 basehttp 5142 137635293030080 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:38:34,739 autoreload 5142 137635468096960 /home/gnx/Desktop/GNX-WEB/gnx-react/backend/gnx/settings.py changed, reloading.
+INFO 2025-10-08 09:38:35,354 autoreload 11024 130202041570752 Watching for file changes with StatReloader
+INFO 2025-10-08 09:38:47,047 autoreload 11024 130202041570752 /home/gnx/Desktop/GNX-WEB/gnx-react/backend/gnx/urls.py changed, reloading.
+INFO 2025-10-08 09:38:47,587 autoreload 11111 124934072935872 Watching for file changes with StatReloader
+INFO 2025-10-08 09:42:22,990 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:42:23,003 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:42:23,304 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:42:23,315 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:42:24,763 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:42:24,763 basehttp 11111 124933967439552 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:42:24,764 basehttp 11111 124933753534144 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:42:24,773 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:42:25,077 basehttp 11111 124933967439552 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:42:25,079 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:42:25,080 basehttp 11111 124933753534144 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 09:42:25,095 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:42:27,274 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:42:27,297 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:42:27,303 basehttp 11111 124933967439552 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:42:27,321 basehttp 11111 124933967439552 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:42:27,381 basehttp 11111 124933975832256 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:42:27,451 basehttp 11111 124933975832256 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:42:27,519 basehttp 11111 124933975832256 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:42:27,597 basehttp 11111 124933975832256 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:42:27,597 basehttp 11111 124933967439552 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:42:27,615 basehttp 11111 124933967439552 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:42:27,665 basehttp 11111 124933975832256 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:42:27,734 basehttp 11111 124933967439552 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:42:27,765 basehttp 11111 124933975832256 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:42:27,766 basehttp 11111 124933967439552 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:42:27,851 basehttp 11111 124933967439552 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:42:27,853 basehttp 11111 124933975832256 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 09:42:27,855 basehttp 11111 124933736748736 "GET /media/about/services/5106554_2658378.jpg HTTP/1.1" 200 512913
+INFO 2025-10-08 09:42:29,127 basehttp 11111 124933736748736 "GET /media/about/process/5106554_2658378.jpg HTTP/1.1" 200 512913
+INFO 2025-10-08 09:42:30,394 basehttp 11111 124933736748736 "GET /media/about/journey/5106554_2658378_z7vMnMV.jpg HTTP/1.1" 200 512913
+INFO 2025-10-08 09:43:28,505 basehttp 11111 124933975832256 "OPTIONS /blog/categories/ HTTP/1.1" 200 0
+INFO 2025-10-08 09:43:28,516 basehttp 11111 124933967439552 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 09:43:28,525 log 11111 124933975832256 Not Found: /blog/categories/
+WARNING 2025-10-08 09:43:28,526 basehttp 11111 124933975832256 "GET /blog/categories/ HTTP/1.1" 404 2745
+WARNING 2025-10-08 09:43:28,660 log 11111 124933975832256 Not Found: /blog/categories/
+WARNING 2025-10-08 09:43:28,660 basehttp 11111 124933975832256 "GET /blog/categories/ HTTP/1.1" 404 2745
+INFO 2025-10-08 09:43:28,668 basehttp 11111 124933967439552 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 09:43:28,996 log 11111 124933967439552 Not Found: /blog/categories/
+WARNING 2025-10-08 09:43:29,003 basehttp 11111 124933967439552 "GET /blog/categories/ HTTP/1.1" 404 2745
+INFO 2025-10-08 09:43:29,003 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 09:43:29,145 log 11111 124933975832256 Not Found: /blog/categories/
+WARNING 2025-10-08 09:43:29,148 basehttp 11111 124933975832256 "GET /blog/categories/ HTTP/1.1" 404 2745
+INFO 2025-10-08 09:43:29,153 basehttp 11111 124933967439552 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:43:58,124 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:43:58,281 basehttp 11111 124933967439552 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:43:58,618 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:43:58,767 basehttp 11111 124933967439552 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:44:32,273 basehttp 11111 124933753534144 "OPTIONS /blog/posts/?page_size=50 HTTP/1.1" 200 0
+WARNING 2025-10-08 09:44:32,293 log 11111 124933967439552 Not Found: /blog/categories/
+WARNING 2025-10-08 09:44:32,301 log 11111 124933745141440 Not Found: /blog/posts/
+WARNING 2025-10-08 09:44:32,301 basehttp 11111 124933967439552 "GET /blog/categories/ HTTP/1.1" 404 2745
+WARNING 2025-10-08 09:44:32,306 basehttp 11111 124933745141440 "GET /blog/posts/?page_size=50 HTTP/1.1" 404 2743
+WARNING 2025-10-08 09:44:32,311 log 11111 124933736748736 Not Found: /blog/categories/
+INFO 2025-10-08 09:44:32,314 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 09:44:32,314 basehttp 11111 124933736748736 "GET /blog/categories/ HTTP/1.1" 404 2745
+WARNING 2025-10-08 09:44:32,317 log 11111 124933967439552 Not Found: /blog/posts/
+WARNING 2025-10-08 09:44:32,321 basehttp 11111 124933967439552 "GET /blog/posts/?page_size=50 HTTP/1.1" 404 2743
+INFO 2025-10-08 09:44:32,327 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 09:44:32,611 log 11111 124933975832256 Not Found: /blog/categories/
+WARNING 2025-10-08 09:44:32,612 log 11111 124933745141440 Not Found: /blog/categories/
+WARNING 2025-10-08 09:44:32,614 log 11111 124933736748736 Not Found: /blog/posts/
+WARNING 2025-10-08 09:44:32,617 log 11111 124933753534144 Not Found: /blog/posts/
+WARNING 2025-10-08 09:44:32,619 basehttp 11111 124933975832256 "GET /blog/categories/ HTTP/1.1" 404 2745
+WARNING 2025-10-08 09:44:32,619 basehttp 11111 124933745141440 "GET /blog/categories/ HTTP/1.1" 404 2745
+WARNING 2025-10-08 09:44:32,623 basehttp 11111 124933736748736 "GET /blog/posts/?page_size=50 HTTP/1.1" 404 2743
+WARNING 2025-10-08 09:44:32,624 basehttp 11111 124933753534144 "GET /blog/posts/?page_size=50 HTTP/1.1" 404 2743
+INFO 2025-10-08 09:44:32,624 basehttp 11111 124933967439552 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:44:32,634 basehttp 11111 124933975832256 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:47:46,173 autoreload 11111 124934072935872 /home/gnx/Desktop/GNX-WEB/gnx-react/backend/blog/views.py changed, reloading.
+INFO 2025-10-08 09:47:46,870 autoreload 13796 127977282074048 Watching for file changes with StatReloader
+WARNING 2025-10-08 09:47:55,897 log 13796 127977090172608 Not Found: /blog/categories/
+WARNING 2025-10-08 09:47:55,900 basehttp 13796 127977090172608 "GET /blog/categories/ HTTP/1.1" 404 2745
+WARNING 2025-10-08 09:47:55,908 log 13796 127976872081088 Not Found: /blog/posts/
+WARNING 2025-10-08 09:47:55,909 log 13796 127977106958016 Not Found: /blog/categories/
+WARNING 2025-10-08 09:47:55,910 basehttp 13796 127976872081088 "GET /blog/posts/?page_size=50 HTTP/1.1" 404 2743
+WARNING 2025-10-08 09:47:55,911 basehttp 13796 127977106958016 "GET /blog/categories/ HTTP/1.1" 404 2745
+WARNING 2025-10-08 09:47:55,916 log 13796 127977098565312 Not Found: /blog/posts/
+WARNING 2025-10-08 09:47:55,917 basehttp 13796 127977098565312 "GET /blog/posts/?page_size=50 HTTP/1.1" 404 2743
+INFO 2025-10-08 09:47:55,917 basehttp 13796 127977115350720 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:47:55,926 basehttp 13796 127977115350720 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 09:48:26,739 log 13796 127976863688384 Forbidden: /api/blog/categories/
+WARNING 2025-10-08 09:48:26,739 basehttp 13796 127976863688384 "GET /api/blog/categories/ HTTP/1.1" 403 58
+INFO 2025-10-08 09:49:00,352 autoreload 14318 133874323559872 Watching for file changes with StatReloader
+WARNING 2025-10-08 09:49:04,269 log 14318 133874063505088 Not Found: /blog/posts/
+WARNING 2025-10-08 09:49:04,276 basehttp 14318 133874063505088 "GET /blog/posts/?page_size=50 HTTP/1.1" 404 2743
+WARNING 2025-10-08 09:49:04,280 log 14318 133874046719680 Not Found: /blog/posts/
+WARNING 2025-10-08 09:49:04,282 log 14318 133874147387072 Not Found: /blog/categories/
+WARNING 2025-10-08 09:49:04,283 basehttp 14318 133874147387072 "GET /blog/categories/ HTTP/1.1" 404 2745
+INFO 2025-10-08 09:49:04,283 basehttp 14318 133874155779776 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 09:49:04,284 basehttp 14318 133874046719680 "GET /blog/posts/?page_size=50 HTTP/1.1" 404 2743
+WARNING 2025-10-08 09:49:04,286 log 14318 133874055112384 Not Found: /blog/categories/
+WARNING 2025-10-08 09:49:04,289 basehttp 14318 133874055112384 "GET /blog/categories/ HTTP/1.1" 404 2745
+INFO 2025-10-08 09:49:04,295 basehttp 14318 133874155779776 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 09:49:37,648 log 14318 133874038326976 Forbidden: /api/blog/categories/
+WARNING 2025-10-08 09:49:37,649 basehttp 14318 133874038326976 "GET /api/blog/categories/ HTTP/1.1" 403 58
+INFO 2025-10-08 09:50:06,573 autoreload 14318 133874323559872 /home/gnx/Desktop/GNX-WEB/gnx-react/backend/gnx/settings.py changed, reloading.
+INFO 2025-10-08 09:50:07,117 autoreload 14794 135560936703424 Watching for file changes with StatReloader
+INFO 2025-10-08 09:50:33,113 autoreload 15101 125882494625216 Watching for file changes with StatReloader
+INFO 2025-10-08 09:50:37,841 basehttp 15101 125882324743872 "OPTIONS /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 0
+INFO 2025-10-08 09:50:37,845 basehttp 15101 125882324743872 "OPTIONS /blog/categories/ HTTP/1.1" 200 0
+INFO 2025-10-08 09:50:37,851 basehttp 15101 125882307958464 "OPTIONS /blog/posts/?page_size=50 HTTP/1.1" 200 0
+INFO 2025-10-08 09:50:37,859 basehttp 15101 125882316351168 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:50:37,885 basehttp 15101 125882291173056 "OPTIONS /blog/categories/ HTTP/1.1" 200 0
+INFO 2025-10-08 09:50:37,913 basehttp 15101 125882307958464 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 09:50:37,917 log 15101 125882316351168 Not Found: /blog/posts/
+WARNING 2025-10-08 09:50:37,919 log 15101 125882291173056 Not Found: /blog/categories/
+WARNING 2025-10-08 09:50:37,920 log 15101 125882324743872 Not Found: /blog/categories/
+WARNING 2025-10-08 09:50:37,921 basehttp 15101 125882316351168 "GET /blog/posts/?page_size=50 HTTP/1.1" 404 2743
+WARNING 2025-10-08 09:50:37,922 basehttp 15101 125882291173056 "GET /blog/categories/ HTTP/1.1" 404 2745
+WARNING 2025-10-08 09:50:37,923 basehttp 15101 125882324743872 "GET /blog/categories/ HTTP/1.1" 404 2745
+WARNING 2025-10-08 09:50:37,925 log 15101 125882299565760 Not Found: /blog/posts/
+WARNING 2025-10-08 09:50:37,925 basehttp 15101 125882299565760 "GET /blog/posts/?page_size=50 HTTP/1.1" 404 2743
+INFO 2025-10-08 09:52:12,727 basehttp 15101 125882316351168 "OPTIONS /api/blog/categories/ HTTP/1.1" 200 0
+INFO 2025-10-08 09:52:12,729 basehttp 15101 125882316351168 "OPTIONS /api/blog/posts/?page_size=50 HTTP/1.1" 200 0
+INFO 2025-10-08 09:52:12,735 basehttp 15101 125882307958464 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:52:12,760 basehttp 15101 125882307958464 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:52:12,763 basehttp 15101 125882291173056 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:52:12,833 basehttp 15101 125882316351168 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:52:12,835 basehttp 15101 125882291173056 "GET /api/blog/posts/?page_size=50 HTTP/1.1" 200 5943
+INFO 2025-10-08 09:52:12,918 basehttp 15101 125882307958464 "GET /api/blog/posts/?page_size=50 HTTP/1.1" 200 5943
+INFO 2025-10-08 09:52:17,030 basehttp 15101 125882282780352 "GET /api/blog/posts/ HTTP/1.1" 200 5943
+INFO 2025-10-08 09:52:22,020 basehttp 15101 125882282780352 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:52:26,292 basehttp 15101 125882316351168 "OPTIONS /api/blog/posts/?category=digital-transformation&page_size=50 HTTP/1.1" 200 0
+INFO 2025-10-08 09:52:26,306 basehttp 15101 125882291173056 "GET /api/blog/posts/?category=digital-transformation&page_size=50 HTTP/1.1" 200 1493
+INFO 2025-10-08 09:52:36,574 basehttp 15101 125882307958464 "GET /api/blog/posts/?page_size=50 HTTP/1.1" 200 5943
+INFO 2025-10-08 09:52:39,844 basehttp 15101 125882316351168 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:53:14,828 basehttp 15101 125882291173056 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:53:14,852 basehttp 15101 125882316351168 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:53:14,864 basehttp 15101 125882291173056 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:53:14,885 basehttp 15101 125882316351168 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:53:14,891 basehttp 15101 125882307958464 "GET /api/blog/posts/?page_size=50 HTTP/1.1" 200 5943
+INFO 2025-10-08 09:53:14,949 basehttp 15101 125882307958464 "GET /api/blog/posts/?page_size=50 HTTP/1.1" 200 5943
+INFO 2025-10-08 09:55:04,272 basehttp 15101 125882316351168 "OPTIONS /api/blog/posts/?page_size=10 HTTP/1.1" 200 0
+INFO 2025-10-08 09:55:04,296 basehttp 15101 125882291173056 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:55:04,315 basehttp 15101 125882307958464 "GET /api/blog/posts/?page_size=10 HTTP/1.1" 200 5943
+INFO 2025-10-08 09:55:07,625 basehttp 15101 125882316351168 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:55:07,628 basehttp 15101 125882291173056 "GET /api/blog/posts/?page_size=10 HTTP/1.1" 200 5943
+INFO 2025-10-08 09:55:34,332 basehttp 15101 125882316351168 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:55:34,361 basehttp 15101 125882316351168 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:55:34,367 basehttp 15101 125882307958464 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:55:34,384 basehttp 15101 125882291173056 "GET /api/blog/posts/?page_size=10 HTTP/1.1" 200 5943
+INFO 2025-10-08 09:55:34,396 basehttp 15101 125882307958464 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:55:34,418 basehttp 15101 125882291173056 "GET /api/blog/posts/?page_size=10 HTTP/1.1" 200 5943
+INFO 2025-10-08 09:56:04,242 basehttp 15101 125882291173056 "OPTIONS /api/blog/posts/?page=1&page_size=10 HTTP/1.1" 200 0
+INFO 2025-10-08 09:56:04,257 basehttp 15101 125882316351168 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:56:04,295 basehttp 15101 125882307958464 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:56:04,309 basehttp 15101 125882316351168 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:56:04,338 basehttp 15101 125882291173056 "GET /api/blog/posts/?page=1&page_size=10 HTTP/1.1" 200 5943
+INFO 2025-10-08 09:56:04,338 basehttp 15101 125882307958464 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:56:04,474 basehttp 15101 125882316351168 "GET /api/blog/posts/?page=1&page_size=10 HTTP/1.1" 200 5943
+INFO 2025-10-08 09:56:45,802 basehttp 15101 125882291173056 "OPTIONS /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 0
+INFO 2025-10-08 09:56:45,824 basehttp 15101 125882307958464 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4473
+INFO 2025-10-08 09:56:54,568 basehttp 15101 125882316351168 "OPTIONS /api/blog/posts/?page=2&page_size=6 HTTP/1.1" 200 0
+INFO 2025-10-08 09:56:54,592 basehttp 15101 125882291173056 "GET /api/blog/posts/?page=2&page_size=6 HTTP/1.1" 200 1622
+INFO 2025-10-08 09:57:01,266 basehttp 15101 125882307958464 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4473
+INFO 2025-10-08 09:57:04,771 basehttp 15101 125882316351168 "GET /api/blog/posts/?page=2&page_size=6 HTTP/1.1" 200 1622
+INFO 2025-10-08 09:57:10,442 basehttp 15101 125882291173056 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4473
+INFO 2025-10-08 09:57:53,623 basehttp 15101 125882307958464 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:57:53,636 basehttp 15101 125882316351168 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:57:53,699 basehttp 15101 125882291173056 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:57:53,710 basehttp 15101 125882307958464 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:57:54,039 basehttp 15101 125882316351168 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:57:54,050 basehttp 15101 125882291173056 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:57:54,098 basehttp 15101 125882307958464 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:57:54,115 basehttp 15101 125882316351168 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:58:18,102 basehttp 15101 125882291173056 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:58:18,106 basehttp 15101 125882307958464 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:58:18,130 basehttp 15101 125882291173056 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:58:18,130 basehttp 15101 125882316351168 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4473
+INFO 2025-10-08 09:58:18,138 basehttp 15101 125882307958464 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:58:18,155 basehttp 15101 125882316351168 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4473
+INFO 2025-10-08 09:58:18,418 basehttp 15101 125882291173056 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:58:18,438 basehttp 15101 125882307958464 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:58:18,443 basehttp 15101 125882291173056 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:58:18,465 basehttp 15101 125882307958464 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:58:18,466 basehttp 15101 125882316351168 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4473
+INFO 2025-10-08 09:58:18,490 basehttp 15101 125882316351168 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4473
+INFO 2025-10-08 09:58:55,456 basehttp 15101 125882291173056 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:59:06,516 basehttp 15101 125882316351168 "OPTIONS /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 0
+INFO 2025-10-08 09:59:06,516 basehttp 15101 125882291173056 "OPTIONS /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 0
+WARNING 2025-10-08 09:59:06,519 log 15101 125882316351168 Not Found: /api/blog/posts/the-future-of-enterprise-software-architecture/
+WARNING 2025-10-08 09:59:06,521 basehttp 15101 125882316351168 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 404 23
+INFO 2025-10-08 09:59:06,527 basehttp 15101 125882307958464 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:59:06,544 basehttp 15101 125882307958464 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:59:06,554 basehttp 15101 125882291173056 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5893
+WARNING 2025-10-08 09:59:06,566 log 15101 125882316351168 Not Found: /api/blog/posts/the-future-of-enterprise-software-architecture/
+WARNING 2025-10-08 09:59:06,566 basehttp 15101 125882316351168 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 404 23
+INFO 2025-10-08 09:59:06,617 basehttp 15101 125882307958464 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5893
+WARNING 2025-10-08 09:59:06,841 log 15101 125882316351168 Not Found: /api/blog/posts/the-future-of-enterprise-software-architecture/
+WARNING 2025-10-08 09:59:06,845 log 15101 125882299565760 Not Found: /api/blog/posts/the-future-of-enterprise-software-architecture/
+WARNING 2025-10-08 09:59:06,846 basehttp 15101 125882316351168 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 404 23
+WARNING 2025-10-08 09:59:06,846 basehttp 15101 125882299565760 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 404 23
+INFO 2025-10-08 09:59:06,862 basehttp 15101 125882291173056 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:59:06,880 basehttp 15101 125882316351168 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:59:06,890 basehttp 15101 125882307958464 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5893
+INFO 2025-10-08 09:59:06,911 basehttp 15101 125882291173056 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5893
+INFO 2025-10-08 09:59:22,756 basehttp 15101 125882307958464 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:59:22,766 basehttp 15101 125882316351168 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:59:22,798 basehttp 15101 125882307958464 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:59:22,799 basehttp 15101 125882291173056 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4473
+INFO 2025-10-08 09:59:22,799 basehttp 15101 125882316351168 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:59:22,819 basehttp 15101 125882291173056 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4473
+INFO 2025-10-08 09:59:23,081 basehttp 15101 125882307958464 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:59:23,131 basehttp 15101 125882316351168 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:59:23,153 basehttp 15101 125882307958464 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 09:59:23,170 basehttp 15101 125882316351168 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 09:59:23,174 basehttp 15101 125882291173056 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4473
+INFO 2025-10-08 09:59:23,194 basehttp 15101 125882291173056 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4473
+INFO 2025-10-08 09:59:53,253 autoreload 15101 125882494625216 /home/gnx/Desktop/GNX-WEB/gnx-react/backend/blog/views.py changed, reloading.
+INFO 2025-10-08 09:59:53,813 autoreload 19195 137306735912384 Watching for file changes with StatReloader
+INFO 2025-10-08 10:00:01,404 basehttp 19195 137306413463232 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:00:01,409 basehttp 19195 137306637858496 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:00:01,434 basehttp 19195 137306413463232 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:00:01,447 basehttp 19195 137306637858496 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:00:01,459 basehttp 19195 137306629465792 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4473
+INFO 2025-10-08 10:00:01,500 basehttp 19195 137306629465792 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4473
+INFO 2025-10-08 10:00:04,898 basehttp 19195 137306413463232 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:00:04,935 basehttp 19195 137306413463232 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:00:04,960 basehttp 19195 137306629465792 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3558
+INFO 2025-10-08 10:00:04,964 basehttp 19195 137306388285120 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3558
+INFO 2025-10-08 10:00:04,978 basehttp 19195 137306637858496 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5893
+INFO 2025-10-08 10:00:05,013 basehttp 19195 137306413463232 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5893
+INFO 2025-10-08 10:00:05,201 basehttp 19195 137306413463232 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:00:05,223 basehttp 19195 137306413463232 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:00:05,233 basehttp 19195 137306637858496 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3558
+INFO 2025-10-08 10:00:05,262 basehttp 19195 137306629465792 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5893
+INFO 2025-10-08 10:00:05,264 basehttp 19195 137306637858496 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3558
+INFO 2025-10-08 10:00:05,288 basehttp 19195 137306413463232 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5893
+INFO 2025-10-08 10:00:07,723 autoreload 19195 137306735912384 /home/gnx/Desktop/GNX-WEB/gnx-react/backend/blog/views.py changed, reloading.
+INFO 2025-10-08 10:00:08,382 autoreload 19462 125875964745152 Watching for file changes with StatReloader
+INFO 2025-10-08 10:00:14,821 basehttp 19462 125875798406848 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:00:14,848 basehttp 19462 125875798406848 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:00:14,869 basehttp 19462 125875790014144 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3558
+INFO 2025-10-08 10:00:14,895 basehttp 19462 125875781621440 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5893
+INFO 2025-10-08 10:00:14,906 basehttp 19462 125875790014144 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3558
+INFO 2025-10-08 10:00:14,924 basehttp 19462 125875798406848 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5893
+INFO 2025-10-08 10:00:38,351 basehttp 19462 125875798406848 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3558
+INFO 2025-10-08 10:00:50,289 basehttp 19462 125875773228736 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3558
+INFO 2025-10-08 10:01:03,348 autoreload 19462 125875964745152 /home/gnx/Desktop/GNX-WEB/gnx-react/backend/blog/views.py changed, reloading.
+INFO 2025-10-08 10:01:03,931 autoreload 19792 128704308315584 Watching for file changes with StatReloader
+INFO 2025-10-08 10:02:14,299 basehttp 19792 128704210532032 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:02:14,322 basehttp 19792 128704210532032 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:02:14,323 basehttp 19792 128704130840256 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3558
+INFO 2025-10-08 10:02:14,347 basehttp 19792 128704122447552 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5893
+INFO 2025-10-08 10:02:14,358 basehttp 19792 128704130840256 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3558
+INFO 2025-10-08 10:02:14,378 basehttp 19792 128704122447552 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5893
+INFO 2025-10-08 10:03:51,576 basehttp 19792 128704210532032 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3559
+INFO 2025-10-08 10:06:22,396 basehttp 19792 128704210532032 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3559
+INFO 2025-10-08 10:06:47,786 basehttp 19792 128704130840256 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:06:47,791 basehttp 19792 128704210532032 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:06:47,822 basehttp 19792 128704210532032 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:06:47,826 basehttp 19792 128704130840256 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:06:47,831 basehttp 19792 128704122447552 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4474
+INFO 2025-10-08 10:06:47,852 basehttp 19792 128704122447552 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4474
+INFO 2025-10-08 10:06:48,134 basehttp 19792 128704210532032 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:06:48,151 basehttp 19792 128704122447552 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:06:48,166 basehttp 19792 128704210532032 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:06:48,170 basehttp 19792 128704130840256 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4474
+INFO 2025-10-08 10:06:48,185 basehttp 19792 128704122447552 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:06:48,203 basehttp 19792 128704130840256 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4474
+INFO 2025-10-08 10:06:50,770 basehttp 19792 128704130840256 "OPTIONS /api/blog/posts/digital-transformation-strategies-for-large-enterprises/ HTTP/1.1" 200 0
+INFO 2025-10-08 10:06:50,789 basehttp 19792 128704210532032 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:06:50,818 basehttp 19792 128704210532032 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:06:50,826 basehttp 19792 128704130840256 "GET /api/blog/posts/digital-transformation-strategies-for-large-enterprises/ HTTP/1.1" 200 3020
+INFO 2025-10-08 10:06:50,834 basehttp 19792 128704122447552 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5894
+INFO 2025-10-08 10:06:50,859 basehttp 19792 128704122447552 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5894
+INFO 2025-10-08 10:06:50,885 basehttp 19792 128704210532032 "GET /api/blog/posts/digital-transformation-strategies-for-large-enterprises/ HTTP/1.1" 200 3020
+INFO 2025-10-08 10:06:51,087 basehttp 19792 128704210532032 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:06:51,112 basehttp 19792 128704122447552 "GET /api/blog/posts/digital-transformation-strategies-for-large-enterprises/ HTTP/1.1" 200 3020
+INFO 2025-10-08 10:06:51,117 basehttp 19792 128704210532032 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:06:51,142 basehttp 19792 128704130840256 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5894
+INFO 2025-10-08 10:06:51,150 basehttp 19792 128704122447552 "GET /api/blog/posts/digital-transformation-strategies-for-large-enterprises/ HTTP/1.1" 200 3020
+INFO 2025-10-08 10:06:51,169 basehttp 19792 128704130840256 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5894
+INFO 2025-10-08 10:07:34,205 basehttp 19792 128704210532032 "GET /api/blog/posts/digital-transformation-strategies-for-large-enterprises/ HTTP/1.1" 200 3020
+INFO 2025-10-08 10:08:10,711 autoreload 19792 128704308315584 /home/gnx/Desktop/GNX-WEB/gnx-react/backend/blog/views.py changed, reloading.
+INFO 2025-10-08 10:08:11,492 autoreload 21872 125695576667584 Watching for file changes with StatReloader
+INFO 2025-10-08 10:09:08,623 basehttp 21872 125695401387712 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:09:08,632 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:09:08,660 basehttp 21872 125695401387712 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:09:08,661 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:09:08,667 basehttp 21872 125695392995008 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4474
+INFO 2025-10-08 10:09:08,687 basehttp 21872 125695392995008 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4474
+INFO 2025-10-08 10:09:08,953 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:09:08,970 basehttp 21872 125695392995008 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:09:08,982 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:09:08,990 basehttp 21872 125695401387712 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4474
+INFO 2025-10-08 10:09:08,994 basehttp 21872 125695392995008 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:09:09,016 basehttp 21872 125695401387712 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4474
+INFO 2025-10-08 10:09:14,729 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:09:14,762 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:09:14,781 basehttp 21872 125695409780416 "GET /api/blog/posts/digital-transformation-strategies-for-large-enterprises/ HTTP/1.1" 200 3020
+INFO 2025-10-08 10:09:14,793 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5894
+INFO 2025-10-08 10:09:14,818 basehttp 21872 125695401387712 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5894
+INFO 2025-10-08 10:09:14,842 basehttp 21872 125695409780416 "GET /api/blog/posts/digital-transformation-strategies-for-large-enterprises/ HTTP/1.1" 200 3020
+INFO 2025-10-08 10:09:15,072 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:09:15,088 basehttp 21872 125695409780416 "GET /api/blog/posts/digital-transformation-strategies-for-large-enterprises/ HTTP/1.1" 200 3020
+INFO 2025-10-08 10:09:15,099 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:09:15,125 basehttp 21872 125695409780416 "GET /api/blog/posts/digital-transformation-strategies-for-large-enterprises/ HTTP/1.1" 200 3020
+INFO 2025-10-08 10:09:15,129 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5894
+INFO 2025-10-08 10:09:15,153 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5894
+INFO 2025-10-08 10:09:27,001 basehttp 21872 125695401387712 "GET /api/blog/posts/digital-transformation-strategies-for-large-enterprises/ HTTP/1.1" 200 3021
+INFO 2025-10-08 10:09:29,774 basehttp 21872 125695409780416 "GET /api/blog/posts/digital-transformation-strategies-for-large-enterprises/ HTTP/1.1" 200 3021
+INFO 2025-10-08 10:11:06,615 basehttp 21872 125695170705088 "GET /admin/ HTTP/1.1" 200 24348
+INFO 2025-10-08 10:11:06,654 basehttp 21872 125695384602304 "GET /static/admin/css/base.css HTTP/1.1" 304 0
+INFO 2025-10-08 10:11:06,656 basehttp 21872 125695170705088 "GET /static/admin/css/dark_mode.css HTTP/1.1" 304 0
+INFO 2025-10-08 10:11:06,657 basehttp 21872 125695162312384 "GET /static/admin/js/theme.js HTTP/1.1" 304 0
+INFO 2025-10-08 10:11:06,657 basehttp 21872 125695153919680 "GET /static/admin/css/nav_sidebar.css HTTP/1.1" 304 0
+INFO 2025-10-08 10:11:06,658 basehttp 21872 125695145526976 "GET /static/admin/js/nav_sidebar.js HTTP/1.1" 304 0
+INFO 2025-10-08 10:11:06,659 basehttp 21872 125695137134272 "GET /static/admin/css/responsive.css HTTP/1.1" 304 0
+INFO 2025-10-08 10:11:06,724 basehttp 21872 125695162312384 "GET /static/admin/img/icon-changelink.svg HTTP/1.1" 200 380
+INFO 2025-10-08 10:11:06,724 basehttp 21872 125695384602304 "GET /static/admin/img/icon-addlink.svg HTTP/1.1" 200 331
+INFO 2025-10-08 10:11:09,987 basehttp 21872 125695170705088 "GET /admin/blog/blogauthor/ HTTP/1.1" 200 22980
+INFO 2025-10-08 10:11:10,031 basehttp 21872 125695384602304 "GET /static/admin/img/icon-yes.svg HTTP/1.1" 200 436
+INFO 2025-10-08 10:11:10,032 basehttp 21872 125695162312384 "GET /static/admin/img/search.svg HTTP/1.1" 200 458
+INFO 2025-10-08 10:11:10,035 basehttp 21872 125695145526976 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:11:10,063 basehttp 21872 125695162312384 "GET /static/admin/img/sorting-icons.svg HTTP/1.1" 200 1097
+INFO 2025-10-08 10:11:10,063 basehttp 21872 125695145526976 "GET /static/admin/img/tooltag-add.svg HTTP/1.1" 200 331
+INFO 2025-10-08 10:11:12,346 basehttp 21872 125695170705088 "GET /admin/blog/blogcategory/ HTTP/1.1" 200 23629
+INFO 2025-10-08 10:11:12,389 basehttp 21872 125695145526976 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:11:13,827 basehttp 21872 125695170705088 "GET /admin/blog/blogcomment/ HTTP/1.1" 200 19733
+INFO 2025-10-08 10:11:13,869 basehttp 21872 125695145526976 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:11:15,532 basehttp 21872 125695170705088 "GET /admin/blog/blogpost/ HTTP/1.1" 200 29325
+INFO 2025-10-08 10:11:15,567 basehttp 21872 125695145526976 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:11:15,569 basehttp 21872 125695162312384 "GET /static/admin/img/icon-no.svg HTTP/1.1" 200 560
+INFO 2025-10-08 10:11:20,575 basehttp 21872 125695170705088 "GET /admin/blog/blogtag/ HTTP/1.1" 200 26320
+INFO 2025-10-08 10:11:20,615 basehttp 21872 125695145526976 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:11:21,489 basehttp 21872 125695401387712 "GET /api/blog/posts/digital-transformation-strategies-for-large-enterprises/ HTTP/1.1" 200 3021
+INFO 2025-10-08 10:12:12,150 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:12:12,174 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:12:12,194 basehttp 21872 125695409780416 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:12:12,208 basehttp 21872 125695392995008 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4475
+INFO 2025-10-08 10:12:12,210 basehttp 21872 125695409780416 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:12:12,233 basehttp 21872 125695392995008 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4475
+INFO 2025-10-08 10:12:12,522 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:12:12,525 basehttp 21872 125695392995008 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:12:12,545 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:12:12,546 basehttp 21872 125695409780416 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4475
+INFO 2025-10-08 10:12:12,561 basehttp 21872 125695392995008 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:12:12,576 basehttp 21872 125695409780416 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4475
+INFO 2025-10-08 10:12:16,676 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:12:16,688 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:12:16,757 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:12:16,815 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:12:17,091 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:12:17,102 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:12:17,164 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:12:17,220 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:13:49,637 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:13:49,637 basehttp 21872 125695392995008 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:13:49,673 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:13:49,674 basehttp 21872 125695401387712 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:13:49,678 basehttp 21872 125695409780416 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4475
+INFO 2025-10-08 10:13:49,699 basehttp 21872 125695409780416 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4475
+INFO 2025-10-08 10:13:49,996 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:13:50,001 basehttp 21872 125695401387712 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:13:50,014 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:13:50,026 basehttp 21872 125695409780416 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4475
+INFO 2025-10-08 10:13:50,028 basehttp 21872 125695401387712 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:13:50,049 basehttp 21872 125695409780416 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4475
+INFO 2025-10-08 10:13:53,712 basehttp 21872 125695392995008 "GET /api/blog/posts/?page=2&page_size=6 HTTP/1.1" 200 1622
+INFO 2025-10-08 10:13:58,746 basehttp 21872 125695401387712 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4475
+INFO 2025-10-08 10:14:05,571 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:14:05,584 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:14:05,678 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:14:05,688 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:14:06,019 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:14:06,030 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:14:06,115 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:14:06,125 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:14:38,649 basehttp 21872 125695392995008 "OPTIONS /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 0
+INFO 2025-10-08 10:14:38,673 basehttp 21872 125695401387712 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5895
+INFO 2025-10-08 10:15:33,241 basehttp 21872 125695145526976 "GET /admin/blog/blogpost/ HTTP/1.1" 200 29325
+INFO 2025-10-08 10:15:33,280 basehttp 21872 125695145526976 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:15:34,265 basehttp 21872 125695145526976 "GET /admin/blog/blogpost/1/change/ HTTP/1.1" 200 38559
+INFO 2025-10-08 10:15:34,302 basehttp 21872 125695145526976 "GET /static/admin/js/SelectBox.js HTTP/1.1" 200 4530
+INFO 2025-10-08 10:15:34,308 basehttp 21872 125695170705088 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:15:34,309 basehttp 21872 125695162312384 "GET /static/admin/js/SelectFilter2.js HTTP/1.1" 200 15292
+INFO 2025-10-08 10:15:34,348 basehttp 21872 125695162312384 "GET /static/admin/img/icon-deletelink.svg HTTP/1.1" 200 392
+INFO 2025-10-08 10:15:34,348 basehttp 21872 125695170705088 "GET /static/admin/img/icon-viewlink.svg HTTP/1.1" 200 581
+INFO 2025-10-08 10:15:34,409 basehttp 21872 125695162312384 "GET /static/admin/img/icon-unknown.svg HTTP/1.1" 200 655
+INFO 2025-10-08 10:15:34,413 basehttp 21872 125695170705088 "GET /static/admin/img/selector-icons.svg HTTP/1.1" 200 3291
+INFO 2025-10-08 10:15:34,414 basehttp 21872 125695153919680 "GET /static/admin/img/icon-calendar.svg HTTP/1.1" 200 1086
+INFO 2025-10-08 10:15:34,415 basehttp 21872 125695145526976 "GET /static/admin/img/icon-clock.svg HTTP/1.1" 200 677
+INFO 2025-10-08 10:15:34,416 basehttp 21872 125695384602304 "GET /static/admin/img/icon-unknown-alt.svg HTTP/1.1" 200 655
+INFO 2025-10-08 10:16:29,874 basehttp 21872 125695145526976 "POST /admin/blog/blogpost/1/change/ HTTP/1.1" 302 0
+INFO 2025-10-08 10:16:29,912 basehttp 21872 125695145526976 "GET /admin/blog/blogpost/ HTTP/1.1" 200 29568
+INFO 2025-10-08 10:16:29,988 basehttp 21872 125695162312384 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:16:33,444 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:16:33,469 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:16:33,476 basehttp 21872 125695401387712 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:16:33,515 basehttp 21872 125695401387712 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:16:33,526 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:16:33,577 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:16:41,650 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:16:41,681 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:16:41,682 basehttp 21872 125695401387712 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3658
+INFO 2025-10-08 10:16:41,722 basehttp 21872 125695401387712 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3658
+INFO 2025-10-08 10:16:41,729 basehttp 21872 125695409780416 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:16:41,753 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:16:41,994 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:16:42,010 basehttp 21872 125695392995008 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3658
+INFO 2025-10-08 10:16:42,020 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:16:42,029 basehttp 21872 125695409780416 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:16:42,054 basehttp 21872 125695392995008 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3658
+INFO 2025-10-08 10:16:42,070 basehttp 21872 125695409780416 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:17:31,542 basehttp 21872 125695401387712 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3658
+INFO 2025-10-08 10:17:31,558 basehttp 21872 125695170705088 "GET /media/blog/thumbnails/what-is-a-blog-1200x600-1.jpeg HTTP/1.1" 200 67330
+INFO 2025-10-08 10:17:31,577 basehttp 21872 125695170705088 "GET /media/blog/featured/what-is-a-blog-1200x600-1.jpeg HTTP/1.1" 200 67330
+INFO 2025-10-08 10:17:39,418 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:39,435 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:39,438 basehttp 21872 125695401387712 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:17:39,500 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:39,505 basehttp 21872 125695401387712 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:17:39,548 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:39,822 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:39,837 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:39,848 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:17:39,916 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:39,918 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:39,926 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:17:46,867 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:46,888 basehttp 21872 125695401387712 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:17:46,899 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:46,904 basehttp 21872 125695392995008 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:17:46,913 basehttp 21872 125695401387712 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:17:46,950 basehttp 21872 125695392995008 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:17:47,215 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:47,215 basehttp 21872 125695401387712 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:17:47,234 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:47,249 basehttp 21872 125695401387712 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:17:47,252 basehttp 21872 125695392995008 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:17:47,276 basehttp 21872 125695392995008 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:17:54,135 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:54,154 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:54,167 basehttp 21872 125695401387712 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3658
+INFO 2025-10-08 10:17:54,180 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:17:54,204 basehttp 21872 125695401387712 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3658
+INFO 2025-10-08 10:17:54,216 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:17:54,440 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:54,474 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:17:54,474 basehttp 21872 125695401387712 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3658
+INFO 2025-10-08 10:17:54,502 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:17:54,506 basehttp 21872 125695401387712 "GET /api/blog/posts/the-future-of-enterprise-software-architecture/ HTTP/1.1" 200 3658
+INFO 2025-10-08 10:17:54,530 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=8 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:18:06,183 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:18:06,205 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:18:06,210 basehttp 21872 125695401387712 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:18:06,273 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:18:06,300 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:18:06,310 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:18:06,601 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:18:06,617 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:18:06,627 basehttp 21872 125695401387712 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:18:06,695 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:18:06,713 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:18:06,721 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:18:28,295 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:18:28,318 basehttp 21872 125695401387712 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:18:28,328 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:18:28,345 basehttp 21872 125695392995008 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:18:28,347 basehttp 21872 125695401387712 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:18:28,376 basehttp 21872 125695392995008 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:18:28,614 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:18:28,644 basehttp 21872 125695401387712 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:18:28,653 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:18:28,666 basehttp 21872 125695392995008 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:18:28,686 basehttp 21872 125695401387712 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:18:28,710 basehttp 21872 125695392995008 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:19:07,947 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:19:07,963 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:19:07,976 basehttp 21872 125695401387712 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:19:08,099 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:19:08,120 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:19:08,128 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:19:08,408 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:19:08,422 basehttp 21872 125695392995008 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:19:08,434 basehttp 21872 125695401387712 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:19:08,524 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:19:08,539 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:19:08,549 basehttp 21872 125695392995008 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:19:43,436 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:19:48,356 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:19:48,366 basehttp 21872 125695392995008 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:19:48,382 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:19:48,396 basehttp 21872 125695392995008 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:19:48,398 basehttp 21872 125695409780416 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:19:48,421 basehttp 21872 125695409780416 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:19:48,685 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:19:48,702 basehttp 21872 125695392995008 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:19:48,706 basehttp 21872 125695401387712 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:19:48,726 basehttp 21872 125695392995008 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:19:48,729 basehttp 21872 125695409780416 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:19:48,749 basehttp 21872 125695409780416 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:22:57,950 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:22:57,997 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:22:58,338 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:22:58,375 basehttp 21872 125695409780416 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:24:27,280 autoreload 21872 125695576667584 /home/gnx/Desktop/GNX-WEB/gnx-react/backend/gnx/settings.py changed, reloading.
+INFO 2025-10-08 10:24:27,984 autoreload 28567 130567045809600 Watching for file changes with StatReloader
+INFO 2025-10-08 10:24:29,465 autoreload 28567 130567045809600 /home/gnx/Desktop/GNX-WEB/gnx-react/backend/gnx/urls.py changed, reloading.
+INFO 2025-10-08 10:24:30,025 autoreload 28587 133953657501120 Watching for file changes with StatReloader
+INFO 2025-10-08 10:25:23,187 basehttp 28587 133953482647232 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 10:25:23,199 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:25:23,207 basehttp 28587 133953474254528 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 10:25:23,217 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:25:23,511 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:25:23,511 basehttp 28587 133953482647232 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 10:25:23,519 basehttp 28587 133953474254528 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 10:25:23,524 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:26:46,425 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:26:46,462 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:26:46,811 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:26:46,841 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:27:45,946 basehttp 28587 133953491039936 "OPTIONS /case-studies/case-studies/ HTTP/1.1" 200 0
+INFO 2025-10-08 10:27:45,946 basehttp 28587 133953482647232 "OPTIONS /case-studies/clients/ HTTP/1.1" 200 0
+WARNING 2025-10-08 10:27:45,966 log 28587 133953482647232 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:27:45,967 log 28587 133953491039936 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:27:45,967 basehttp 28587 133953482647232 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:27:45,968 basehttp 28587 133953491039936 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:28:21,512 log 28587 133953474254528 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:28:21,523 log 28587 133953251964608 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:28:21,525 basehttp 28587 133953474254528 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:28:21,526 basehttp 28587 133953251964608 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:28:21,533 log 28587 133953482647232 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:28:21,535 log 28587 133953465861824 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:28:21,535 basehttp 28587 133953482647232 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:28:21,538 basehttp 28587 133953465861824 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+INFO 2025-10-08 10:28:21,539 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:28:21,548 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:28:22,649 log 28587 133953482647232 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:28:22,654 basehttp 28587 133953482647232 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:28:22,675 log 28587 133953474254528 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:28:22,675 basehttp 28587 133953474254528 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:28:22,680 log 28587 133953251964608 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:28:22,682 log 28587 133953465861824 Not Found: /case-studies/clients/
+INFO 2025-10-08 10:28:22,683 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:28:22,684 basehttp 28587 133953251964608 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:28:22,684 basehttp 28587 133953465861824 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+INFO 2025-10-08 10:28:22,696 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:28:49,496 basehttp 28587 133953243571904 "GET /admin/blog/blogpost/ HTTP/1.1" 200 31225
+INFO 2025-10-08 10:28:49,537 basehttp 28587 133953243571904 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:28:56,309 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:28:56,312 log 28587 133953482647232 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:28:56,318 log 28587 133953474254528 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:28:56,319 basehttp 28587 133953474254528 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:28:56,328 log 28587 133953491039936 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:28:56,329 basehttp 28587 133953491039936 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:28:56,330 basehttp 28587 133953482647232 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:28:56,339 log 28587 133953465861824 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:28:56,339 basehttp 28587 133953465861824 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+INFO 2025-10-08 10:28:56,354 basehttp 28587 133953474254528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:28:56,491 basehttp 28587 133953243571904 "GET /admin/career/jobposition/ HTTP/1.1" 200 29558
+INFO 2025-10-08 10:28:56,540 basehttp 28587 133953243571904 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+WARNING 2025-10-08 10:28:56,638 log 28587 133953235179200 Not Found: /favicon.ico
+INFO 2025-10-08 10:28:58,098 basehttp 28587 133953243571904 "GET /admin/career/jobposition/2/change/ HTTP/1.1" 200 45894
+INFO 2025-10-08 10:28:58,151 basehttp 28587 133953243571904 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:29:04,765 basehttp 28587 133953243571904 "GET /admin/case_studies/casestudyprocess/ HTTP/1.1" 200 41217
+INFO 2025-10-08 10:29:04,810 basehttp 28587 133953243571904 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:29:08,428 basehttp 28587 133953243571904 "GET /admin/case_studies/casestudyimage/ HTTP/1.1" 200 37998
+INFO 2025-10-08 10:29:08,476 basehttp 28587 133953235179200 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+WARNING 2025-10-08 10:29:08,529 log 28587 133953235179200 Not Found: /favicon.ico
+INFO 2025-10-08 10:29:09,835 basehttp 28587 133953243571904 "GET /admin/case_studies/casestudyimage/28/change/ HTTP/1.1" 200 25710
+INFO 2025-10-08 10:29:09,879 basehttp 28587 133953243571904 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:29:09,935 basehttp 28587 133953235179200 "GET /static/admin/img/icon-viewlink.svg HTTP/1.1" 200 581
+INFO 2025-10-08 10:29:14,646 basehttp 28587 133953243571904 "GET /admin/case_studies/casestudycategory/ HTTP/1.1" 200 25622
+INFO 2025-10-08 10:29:14,679 basehttp 28587 133953235179200 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+WARNING 2025-10-08 10:29:14,726 log 28587 133953235179200 Not Found: /favicon.ico
+INFO 2025-10-08 10:29:18,361 basehttp 28587 133953243571904 "GET /admin/case_studies/casestudy/ HTTP/1.1" 200 31959
+INFO 2025-10-08 10:29:18,406 basehttp 28587 133953243571904 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:29:22,680 basehttp 28587 133953243571904 "GET /admin/case_studies/client/ HTTP/1.1" 200 25049
+INFO 2025-10-08 10:29:22,723 basehttp 28587 133953235179200 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:29:55,912 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:29:55,931 basehttp 28587 133953474254528 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:29:55,946 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:29:55,964 basehttp 28587 133953474254528 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:29:55,969 basehttp 28587 133953482647232 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:29:55,989 basehttp 28587 133953482647232 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:29:56,247 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:29:56,259 basehttp 28587 133953474254528 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:29:56,270 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:29:56,287 basehttp 28587 133953474254528 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:29:56,293 basehttp 28587 133953482647232 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:29:56,313 basehttp 28587 133953482647232 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:29:56,461 basehttp 28587 133953218393792 "GET /media/blog/thumbnails/what-is-a-blog-1200x600-1.jpeg HTTP/1.1" 200 67330
+WARNING 2025-10-08 10:30:03,411 log 28587 133953474254528 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:30:03,416 log 28587 133953465861824 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:30:03,418 basehttp 28587 133953474254528 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:30:03,419 basehttp 28587 133953465861824 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:30:03,421 log 28587 133953251964608 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:30:03,427 log 28587 133953482647232 Not Found: /case-studies/clients/
+INFO 2025-10-08 10:30:03,428 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:30:03,428 basehttp 28587 133953482647232 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:30:03,429 basehttp 28587 133953251964608 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+INFO 2025-10-08 10:30:03,437 basehttp 28587 133953474254528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:30:03,727 log 28587 133953465861824 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:30:03,729 log 28587 133953251964608 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:30:03,730 log 28587 133953482647232 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:30:03,733 basehttp 28587 133953465861824 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:30:03,734 basehttp 28587 133953251964608 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:30:03,737 log 28587 133953474254528 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:30:03,738 basehttp 28587 133953482647232 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:30:03,746 basehttp 28587 133953474254528 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+INFO 2025-10-08 10:30:03,747 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:30:03,758 basehttp 28587 133953474254528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:30:10,553 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:30:10,569 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:30:10,573 basehttp 28587 133953474254528 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:30:10,604 basehttp 28587 133953474254528 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:30:10,622 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:30:10,674 basehttp 28587 133953474254528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:30:10,930 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:30:10,946 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:30:10,957 basehttp 28587 133953474254528 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:30:11,023 basehttp 28587 133953491039936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:30:11,023 basehttp 28587 133953482647232 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:30:11,024 basehttp 28587 133953474254528 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:30:25,355 autoreload 31001 127738580809152 Watching for file changes with StatReloader
+INFO 2025-10-08 10:30:39,453 autoreload 28587 133953657501120 /home/gnx/Desktop/GNX-WEB/gnx-react/backend/case_studies/models.py changed, reloading.
+INFO 2025-10-08 10:30:40,386 autoreload 31076 130008521229760 Watching for file changes with StatReloader
+WARNING 2025-10-08 10:31:04,541 log 31076 130008345470656 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:31:04,545 log 31076 130008123176640 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:31:04,547 log 31076 130008114783936 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:31:04,549 basehttp 31076 130008345470656 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:31:04,549 basehttp 31076 130008123176640 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+INFO 2025-10-08 10:31:04,549 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:31:04,551 basehttp 31076 130008114783936 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:31:04,554 log 31076 130008337077952 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:31:04,558 basehttp 31076 130008337077952 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+INFO 2025-10-08 10:31:04,565 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:31:04,830 log 31076 130008114783936 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:31:04,836 basehttp 31076 130008114783936 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:31:04,838 log 31076 130008337077952 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:31:04,847 basehttp 31076 130008337077952 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:31:04,849 log 31076 130008345470656 Not Found: /case-studies/case-studies/
+INFO 2025-10-08 10:31:04,856 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:31:04,856 basehttp 31076 130008345470656 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:31:04,859 log 31076 130008123176640 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:31:04,864 basehttp 31076 130008123176640 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+INFO 2025-10-08 10:31:04,872 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:31:42,578 basehttp 31076 130008106391232 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5590
+INFO 2025-10-08 10:32:04,746 basehttp 31076 130008106391232 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:32:16,346 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:32:16,372 log 31076 130008345470656 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:32:16,377 log 31076 130008114783936 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:32:16,378 basehttp 31076 130008345470656 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:32:16,380 basehttp 31076 130008114783936 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:32:16,381 log 31076 130008123176640 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:32:16,385 log 31076 130008353863360 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:32:16,387 basehttp 31076 130008123176640 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:32:16,391 basehttp 31076 130008353863360 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+INFO 2025-10-08 10:32:16,391 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:32:19,450 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:32:19,455 basehttp 31076 130008345470656 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:32:19,485 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:32:19,488 basehttp 31076 130008114783936 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:32:19,491 basehttp 31076 130008345470656 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:32:19,518 basehttp 31076 130008114783936 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:32:19,791 basehttp 31076 130008345470656 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:32:19,791 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:32:19,819 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:32:19,825 basehttp 31076 130008345470656 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:32:19,827 basehttp 31076 130008114783936 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:32:19,854 basehttp 31076 130008114783936 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:32:20,041 basehttp 31076 130008106391232 "GET /media/blog/thumbnails/what-is-a-blog-1200x600-1.jpeg HTTP/1.1" 200 67330
+INFO 2025-10-08 10:32:23,509 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:32:23,808 log 31076 130008114783936 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:32:23,811 basehttp 31076 130008114783936 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:32:23,813 log 31076 130008353863360 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:32:23,816 basehttp 31076 130008353863360 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+INFO 2025-10-08 10:32:23,820 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:32:23,834 log 31076 130008353863360 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:32:23,835 basehttp 31076 130008353863360 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:32:23,842 log 31076 130008345470656 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:32:23,842 basehttp 31076 130008345470656 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+INFO 2025-10-08 10:32:23,875 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:32:24,131 log 31076 130008353863360 Not Found: /case-studies/case-studies/
+INFO 2025-10-08 10:32:24,132 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:32:24,147 basehttp 31076 130008353863360 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:32:24,151 log 31076 130008123176640 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:32:24,150 log 31076 130008337077952 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:32:24,149 log 31076 130008345470656 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:32:24,151 basehttp 31076 130008337077952 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:32:24,152 basehttp 31076 130008345470656 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:32:24,152 basehttp 31076 130008123176640 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+INFO 2025-10-08 10:32:24,166 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:32:28,890 log 31076 130008114783936 Not Found: /case-studies/clients/
+INFO 2025-10-08 10:32:28,892 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:32:28,893 basehttp 31076 130008114783936 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+WARNING 2025-10-08 10:32:28,895 log 31076 130008345470656 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:32:28,905 log 31076 130008123176640 Not Found: /case-studies/case-studies/
+WARNING 2025-10-08 10:32:28,905 basehttp 31076 130008345470656 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:32:28,906 log 31076 130008337077952 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:32:28,907 basehttp 31076 130008123176640 "GET /case-studies/case-studies/ HTTP/1.1" 404 2775
+WARNING 2025-10-08 10:32:28,910 basehttp 31076 130008337077952 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+INFO 2025-10-08 10:32:28,916 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:33:35,251 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:33:35,263 log 31076 130008345470656 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:33:35,264 basehttp 31076 130008345470656 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+INFO 2025-10-08 10:33:35,277 basehttp 31076 130008114783936 "OPTIONS /api/case-studies/case-studies/ HTTP/1.1" 200 0
+WARNING 2025-10-08 10:33:35,281 log 31076 130008353863360 Not Found: /case-studies/clients/
+WARNING 2025-10-08 10:33:35,282 basehttp 31076 130008353863360 "GET /case-studies/clients/ HTTP/1.1" 404 2760
+INFO 2025-10-08 10:33:35,287 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:33:35,333 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5590
+INFO 2025-10-08 10:33:35,434 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5590
+INFO 2025-10-08 10:33:55,947 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:33:55,968 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5590
+INFO 2025-10-08 10:33:55,975 basehttp 31076 130008114783936 "OPTIONS /api/case-studies/clients/ HTTP/1.1" 200 0
+INFO 2025-10-08 10:33:55,988 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:33:56,001 basehttp 31076 130008353863360 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:33:56,010 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5590
+INFO 2025-10-08 10:33:56,052 basehttp 31076 130008345470656 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:34:15,390 basehttp 31076 130008114783936 "OPTIONS /api/case-studies/case-studies/ai-driven-user-experience-design-process/ HTTP/1.1" 200 0
+INFO 2025-10-08 10:34:15,391 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:34:15,408 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:34:15,425 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ai-driven-user-experience-design-process/ HTTP/1.1" 200 3409
+INFO 2025-10-08 10:34:15,449 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ai-driven-user-experience-design-process/ HTTP/1.1" 200 3409
+INFO 2025-10-08 10:34:15,519 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ai-driven-user-experience-design-process/ HTTP/1.1" 200 3409
+INFO 2025-10-08 10:34:15,547 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/ai-driven-user-experience-design-process/ HTTP/1.1" 200 3409
+INFO 2025-10-08 10:34:15,590 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ai-driven-user-experience-design-process/ HTTP/1.1" 200 3409
+INFO 2025-10-08 10:34:15,590 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ai-driven-user-experience-design-process/ HTTP/1.1" 200 3409
+INFO 2025-10-08 10:34:15,721 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:34:15,734 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:34:15,743 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ai-driven-user-experience-design-process/ HTTP/1.1" 200 3409
+INFO 2025-10-08 10:34:15,769 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/ai-driven-user-experience-design-process/ HTTP/1.1" 200 3409
+INFO 2025-10-08 10:34:15,836 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ai-driven-user-experience-design-process/ HTTP/1.1" 200 3409
+INFO 2025-10-08 10:34:15,859 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ai-driven-user-experience-design-process/ HTTP/1.1" 200 3409
+INFO 2025-10-08 10:34:15,883 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/ai-driven-user-experience-design-process/ HTTP/1.1" 200 3410
+INFO 2025-10-08 10:34:15,904 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ai-driven-user-experience-design-process/ HTTP/1.1" 200 3410
+INFO 2025-10-08 10:35:03,465 basehttp 31076 130008345470656 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:35:03,484 basehttp 31076 130008345470656 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:35:03,488 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:35:03,500 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5591
+INFO 2025-10-08 10:35:03,505 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:35:03,519 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5591
+INFO 2025-10-08 10:35:03,778 basehttp 31076 130008114783936 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:35:03,789 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:35:03,799 basehttp 31076 130008114783936 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:35:03,813 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5591
+INFO 2025-10-08 10:35:03,817 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:35:03,836 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5591
+INFO 2025-10-08 10:35:34,166 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:35:34,178 basehttp 31076 130008353863360 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:35:34,203 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:35:34,203 basehttp 31076 130008353863360 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:35:34,208 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5591
+INFO 2025-10-08 10:35:34,230 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5591
+INFO 2025-10-08 10:35:43,042 basehttp 31076 130008353863360 "OPTIONS /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 0
+INFO 2025-10-08 10:35:43,043 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:35:43,063 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:35:43,084 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3906
+INFO 2025-10-08 10:35:43,115 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3906
+INFO 2025-10-08 10:35:43,136 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3906
+INFO 2025-10-08 10:35:43,195 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3906
+INFO 2025-10-08 10:35:43,215 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3906
+INFO 2025-10-08 10:35:43,255 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3906
+INFO 2025-10-08 10:35:43,400 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:35:43,416 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3906
+INFO 2025-10-08 10:35:43,444 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:35:43,466 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3906
+INFO 2025-10-08 10:35:43,538 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3906
+INFO 2025-10-08 10:35:43,574 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3907
+INFO 2025-10-08 10:35:43,612 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3907
+INFO 2025-10-08 10:35:43,613 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3907
+INFO 2025-10-08 10:36:21,952 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:36:21,974 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:36:21,979 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3907
+INFO 2025-10-08 10:36:22,006 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3907
+INFO 2025-10-08 10:36:22,064 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3907
+INFO 2025-10-08 10:36:22,092 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3907
+INFO 2025-10-08 10:36:22,096 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3907
+INFO 2025-10-08 10:36:22,113 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 3907
+INFO 2025-10-08 10:36:47,341 basehttp 31076 130008123176640 "GET /admin/case_studies/client/ HTTP/1.1" 200 25049
+INFO 2025-10-08 10:36:47,385 basehttp 31076 130008123176640 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:36:54,324 basehttp 31076 130008123176640 "GET /admin/case_studies/casestudyprocess/ HTTP/1.1" 200 41217
+INFO 2025-10-08 10:36:54,365 basehttp 31076 130008123176640 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:36:57,913 basehttp 31076 130008123176640 "GET /admin/case_studies/casestudyprocess/33/change/ HTTP/1.1" 200 25056
+INFO 2025-10-08 10:36:57,969 basehttp 31076 130008337077952 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:36:57,970 basehttp 31076 130008106391232 "GET /static/admin/img/icon-viewlink.svg HTTP/1.1" 200 581
+INFO 2025-10-08 10:36:59,965 basehttp 31076 130008123176640 "GET /admin/case_studies/casestudyprocess/ HTTP/1.1" 200 41217
+INFO 2025-10-08 10:37:20,323 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:37:20,338 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:37:20,349 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:37:20,387 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:37:20,405 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:37:20,415 basehttp 31076 130008353863360 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:37:20,730 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:37:20,751 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:37:20,754 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:37:20,789 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:37:20,806 basehttp 31076 130008353863360 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:37:20,841 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:38:31,252 basehttp 31076 130008114783936 "OPTIONS /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 0
+INFO 2025-10-08 10:38:31,270 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3647
+WARNING 2025-10-08 10:38:47,301 log 31076 130008097998528 Not Found: /media//images/case/five.png
+WARNING 2025-10-08 10:38:47,302 basehttp 31076 130008097998528 "GET /media//images/case/five.png HTTP/1.1" 404 2998
+WARNING 2025-10-08 10:38:51,602 log 31076 130008097998528 Not Found: /media//images/case/four.png
+WARNING 2025-10-08 10:38:51,603 basehttp 31076 130008097998528 "GET /media//images/case/four.png HTTP/1.1" 404 2998
+INFO 2025-10-08 10:38:58,560 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:38:58,589 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3647
+INFO 2025-10-08 10:38:58,620 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:38:58,622 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:38:58,644 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:38:58,654 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3647
+INFO 2025-10-08 10:38:58,655 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:38:58,693 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+WARNING 2025-10-08 10:39:00,310 log 31076 130008123176640 Not Found: /media//images/case/two.png
+WARNING 2025-10-08 10:39:00,310 basehttp 31076 130008123176640 "GET /media//images/case/two.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:39:02,474 log 31076 130008123176640 Not Found: /media//images/case/one.png
+WARNING 2025-10-08 10:39:02,475 basehttp 31076 130008123176640 "GET /media//images/case/one.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:39:03,152 log 31076 130008123176640 Not Found: /media//images/case/three.png
+WARNING 2025-10-08 10:39:03,153 basehttp 31076 130008123176640 "GET /media//images/case/three.png HTTP/1.1" 404 3002
+WARNING 2025-10-08 10:39:03,902 log 31076 130008123176640 Not Found: /media//images/case/four.png
+WARNING 2025-10-08 10:39:03,903 basehttp 31076 130008123176640 "GET /media//images/case/four.png HTTP/1.1" 404 2998
+INFO 2025-10-08 10:39:06,620 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3647
+WARNING 2025-10-08 10:39:06,625 log 31076 130008123176640 Not Found: /media//images/case/one.png
+WARNING 2025-10-08 10:39:06,626 basehttp 31076 130008123176640 "GET /media//images/case/one.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:39:06,667 log 31076 130008123176640 Not Found: /media//images/case/two.png
+WARNING 2025-10-08 10:39:06,667 basehttp 31076 130008123176640 "GET /media//images/case/two.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:39:07,383 log 31076 130008123176640 Not Found: /media//images/case/three.png
+WARNING 2025-10-08 10:39:07,384 basehttp 31076 130008123176640 "GET /media//images/case/three.png HTTP/1.1" 404 3002
+WARNING 2025-10-08 10:39:08,566 log 31076 130008123176640 Not Found: /media//images/case/one.png
+WARNING 2025-10-08 10:39:08,568 basehttp 31076 130008123176640 "GET /media//images/case/one.png HTTP/1.1" 404 2994
+INFO 2025-10-08 10:39:19,243 basehttp 31076 130008337077952 "GET /admin/case_studies/casestudy/ HTTP/1.1" 200 31961
+INFO 2025-10-08 10:39:19,275 basehttp 31076 130008337077952 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:39:19,321 basehttp 31076 130008123176640 "GET /static/admin/img/icon-yes.svg HTTP/1.1" 200 436
+INFO 2025-10-08 10:39:19,322 basehttp 31076 130008106391232 "GET /static/admin/img/icon-no.svg HTTP/1.1" 200 560
+INFO 2025-10-08 10:39:20,232 basehttp 31076 130008337077952 "GET /admin/case_studies/casestudy/7/change/ HTTP/1.1" 200 68505
+INFO 2025-10-08 10:39:20,277 basehttp 31076 130008106391232 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:39:20,281 basehttp 31076 130008106391232 "GET /static/admin/img/icon-deletelink.svg HTTP/1.1" 200 392
+INFO 2025-10-08 10:39:20,369 basehttp 31076 130008106391232 "GET /static/admin/img/inline-delete.svg HTTP/1.1" 200 560
+INFO 2025-10-08 10:39:28,439 basehttp 31076 130008337077952 "POST /admin/case_studies/casestudy/7/change/ HTTP/1.1" 200 68842
+INFO 2025-10-08 10:39:28,486 basehttp 31076 130008106391232 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:39:38,039 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:39:38,066 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:39:38,074 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3647
+INFO 2025-10-08 10:39:38,097 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:39:38,110 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3647
+INFO 2025-10-08 10:39:38,112 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:39:38,134 basehttp 31076 130008097998528 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:39:38,147 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:39:39,809 log 31076 130008087508672 Not Found: /media//images/case/two.png
+WARNING 2025-10-08 10:39:39,812 basehttp 31076 130008087508672 "GET /media//images/case/two.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:39:41,227 log 31076 130008087508672 Not Found: /media//images/case/one.png
+WARNING 2025-10-08 10:39:41,227 basehttp 31076 130008087508672 "GET /media//images/case/one.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:39:42,384 log 31076 130008087508672 Not Found: /media//images/case/three.png
+WARNING 2025-10-08 10:39:42,385 basehttp 31076 130008087508672 "GET /media//images/case/three.png HTTP/1.1" 404 3002
+WARNING 2025-10-08 10:39:43,482 log 31076 130008087508672 Not Found: /media//images/case/four.png
+WARNING 2025-10-08 10:39:43,482 basehttp 31076 130008087508672 "GET /media//images/case/four.png HTTP/1.1" 404 2998
+WARNING 2025-10-08 10:39:45,827 log 31076 130008087508672 Not Found: /media//images/case/five.png
+WARNING 2025-10-08 10:39:45,828 basehttp 31076 130008087508672 "GET /media//images/case/five.png HTTP/1.1" 404 2998
+INFO 2025-10-08 10:40:03,155 basehttp 31076 130008337077952 "POST /admin/case_studies/casestudy/7/change/ HTTP/1.1" 302 0
+INFO 2025-10-08 10:40:03,192 basehttp 31076 130008337077952 "GET /admin/case_studies/casestudy/ HTTP/1.1" 200 32210
+INFO 2025-10-08 10:40:03,281 basehttp 31076 130008106391232 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:40:06,500 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:40:06,542 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:40:06,556 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:40:06,569 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:40:06,573 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3640
+INFO 2025-10-08 10:40:06,589 basehttp 31076 130008353863360 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:40:06,600 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3640
+INFO 2025-10-08 10:40:06,619 basehttp 31076 130008353863360 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+WARNING 2025-10-08 10:40:08,080 log 31076 130008079115968 Not Found: /media//images/case/two.png
+WARNING 2025-10-08 10:40:08,081 basehttp 31076 130008079115968 "GET /media//images/case/two.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:40:08,814 log 31076 130008079115968 Not Found: /media//images/case/one.png
+WARNING 2025-10-08 10:40:08,814 basehttp 31076 130008079115968 "GET /media//images/case/one.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:40:12,549 log 31076 130008079115968 Not Found: /media//images/case/three.png
+WARNING 2025-10-08 10:40:12,550 basehttp 31076 130008079115968 "GET /media//images/case/three.png HTTP/1.1" 404 3002
+WARNING 2025-10-08 10:40:13,730 log 31076 130008079115968 Not Found: /media//images/case/four.png
+WARNING 2025-10-08 10:40:13,731 basehttp 31076 130008079115968 "GET /media//images/case/four.png HTTP/1.1" 404 2998
+WARNING 2025-10-08 10:40:15,036 log 31076 130008079115968 Not Found: /media//images/case/five.png
+WARNING 2025-10-08 10:40:15,037 basehttp 31076 130008079115968 "GET /media//images/case/five.png HTTP/1.1" 404 2998
+INFO 2025-10-08 10:40:20,049 basehttp 31076 130008114783936 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:40:20,065 basehttp 31076 130008353863360 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:40:20,071 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:40:20,076 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5585
+INFO 2025-10-08 10:40:20,090 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:40:20,102 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5585
+INFO 2025-10-08 10:40:20,358 basehttp 31076 130008114783936 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:40:20,372 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:40:20,387 basehttp 31076 130008353863360 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:40:20,402 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:40:20,405 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5585
+INFO 2025-10-08 10:40:20,429 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5585
+INFO 2025-10-08 10:40:30,477 basehttp 31076 130008337077952 "GET /admin/case_studies/casestudy/7/change/ HTTP/1.1" 200 69254
+INFO 2025-10-08 10:40:30,521 basehttp 31076 130008106391232 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:40:55,407 basehttp 31076 130008337077952 "GET /media/case_studies/gallery/what-is-a-blog-1200x600-1.jpeg HTTP/1.1" 200 67330
+INFO 2025-10-08 10:40:57,057 basehttp 31076 130008337077952 "GET /admin/case_studies/casestudy/7/change/ HTTP/1.1" 200 69254
+INFO 2025-10-08 10:41:54,087 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:41:54,092 basehttp 31076 130008114783936 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:41:54,116 basehttp 31076 130008353863360 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:41:54,122 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5585
+INFO 2025-10-08 10:41:54,136 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:41:54,153 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5585
+INFO 2025-10-08 10:41:58,235 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:41:58,256 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:41:58,277 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3640
+INFO 2025-10-08 10:41:58,304 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:41:58,315 basehttp 31076 130008353863360 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:41:58,331 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:41:58,331 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3640
+INFO 2025-10-08 10:41:58,359 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:41:58,638 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:41:58,651 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3640
+INFO 2025-10-08 10:41:58,657 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:41:58,682 basehttp 31076 130008114783936 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:41:58,685 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:41:58,703 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3640
+INFO 2025-10-08 10:41:58,716 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:41:58,734 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:41:58,771 log 31076 130008123176640 Not Found: /media//images/case/one.png
+WARNING 2025-10-08 10:41:58,771 basehttp 31076 130008123176640 "GET /media//images/case/one.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:41:58,961 log 31076 130008123176640 Not Found: /media//images/case/two.png
+WARNING 2025-10-08 10:41:58,963 log 31076 130008079115968 Not Found: /media//images/case/four.png
+WARNING 2025-10-08 10:41:58,963 basehttp 31076 130008123176640 "GET /media//images/case/two.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:41:58,963 basehttp 31076 130008079115968 "GET /media//images/case/four.png HTTP/1.1" 404 2998
+WARNING 2025-10-08 10:41:59,714 log 31076 130008123176640 Not Found: /media//images/case/one.png
+WARNING 2025-10-08 10:41:59,715 basehttp 31076 130008123176640 "GET /media//images/case/one.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:42:02,928 log 31076 130008123176640 Not Found: /media//images/case/three.png
+WARNING 2025-10-08 10:42:02,929 basehttp 31076 130008123176640 "GET /media//images/case/three.png HTTP/1.1" 404 3002
+WARNING 2025-10-08 10:42:04,490 log 31076 130008123176640 Not Found: /media//images/case/five.png
+WARNING 2025-10-08 10:42:04,490 basehttp 31076 130008123176640 "GET /media//images/case/five.png HTTP/1.1" 404 2998
+INFO 2025-10-08 10:42:14,585 basehttp 31076 130008097998528 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:42:14,593 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:14,607 basehttp 31076 130008345470656 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:42:14,613 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:14,617 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5585
+INFO 2025-10-08 10:42:14,634 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5585
+INFO 2025-10-08 10:42:14,886 basehttp 31076 130008097998528 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:42:14,899 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:14,910 basehttp 31076 130008353863360 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:42:14,910 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5585
+INFO 2025-10-08 10:42:14,917 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:14,931 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5585
+INFO 2025-10-08 10:42:19,765 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3640
+INFO 2025-10-08 10:42:19,766 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:19,786 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:19,791 basehttp 31076 130008097998528 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:42:19,830 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:19,855 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:19,857 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3640
+INFO 2025-10-08 10:42:19,863 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:42:20,141 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:20,161 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:20,171 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3640
+INFO 2025-10-08 10:42:20,187 basehttp 31076 130008114783936 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:42:20,232 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3640
+INFO 2025-10-08 10:42:20,233 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:20,259 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:20,271 basehttp 31076 130008097998528 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+WARNING 2025-10-08 10:42:21,513 log 31076 130008123176640 Not Found: /media//images/case/two.png
+WARNING 2025-10-08 10:42:21,514 basehttp 31076 130008123176640 "GET /media//images/case/two.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:42:22,096 log 31076 130008123176640 Not Found: /media//images/case/one.png
+WARNING 2025-10-08 10:42:22,096 basehttp 31076 130008123176640 "GET /media//images/case/one.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:42:22,718 log 31076 130008123176640 Not Found: /media//images/case/three.png
+WARNING 2025-10-08 10:42:22,718 basehttp 31076 130008123176640 "GET /media//images/case/three.png HTTP/1.1" 404 3002
+WARNING 2025-10-08 10:42:23,111 log 31076 130008123176640 Not Found: /media//images/case/four.png
+WARNING 2025-10-08 10:42:23,111 basehttp 31076 130008123176640 "GET /media//images/case/four.png HTTP/1.1" 404 2998
+WARNING 2025-10-08 10:42:23,709 log 31076 130008123176640 Not Found: /media//images/case/five.png
+WARNING 2025-10-08 10:42:23,709 basehttp 31076 130008123176640 "GET /media//images/case/five.png HTTP/1.1" 404 2998
+INFO 2025-10-08 10:42:47,964 basehttp 31076 130008337077952 "POST /admin/case_studies/casestudy/7/change/ HTTP/1.1" 302 0
+INFO 2025-10-08 10:42:48,007 basehttp 31076 130008337077952 "GET /admin/case_studies/casestudy/ HTTP/1.1" 200 32210
+INFO 2025-10-08 10:42:48,088 basehttp 31076 130008337077952 "GET /admin/jsi18n/ HTTP/1.1" 200 3343
+INFO 2025-10-08 10:42:51,522 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:51,535 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:42:51,566 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:51,585 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:51,608 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:42:51,610 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:42:51,610 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:42:51,636 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:42:53,946 basehttp 31076 130008123176640 "GET /media/case_studies/thumbnails/what-is-a-blog-1200x600-1.jpeg HTTP/1.1" 200 67330
+WARNING 2025-10-08 10:42:54,894 log 31076 130008123176640 Not Found: /media//images/case/one.png
+WARNING 2025-10-08 10:42:54,894 basehttp 31076 130008123176640 "GET /media//images/case/one.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:42:55,373 log 31076 130008123176640 Not Found: /media//images/case/three.png
+WARNING 2025-10-08 10:42:55,373 basehttp 31076 130008123176640 "GET /media//images/case/three.png HTTP/1.1" 404 3002
+INFO 2025-10-08 10:43:00,929 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:00,929 basehttp 31076 130008114783936 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:43:00,953 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:00,957 basehttp 31076 130008353863360 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:43:00,965 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5626
+INFO 2025-10-08 10:43:00,983 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5626
+INFO 2025-10-08 10:43:01,261 basehttp 31076 130008353863360 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:43:01,264 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5626
+INFO 2025-10-08 10:43:01,269 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:01,280 basehttp 31076 130008114783936 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:43:01,287 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:01,298 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5626
+INFO 2025-10-08 10:43:07,487 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:07,488 basehttp 31076 130008114783936 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:43:07,510 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:07,525 basehttp 31076 130008345470656 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:43:07,526 basehttp 31076 130008097998528 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:43:07,549 basehttp 31076 130008114783936 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:43:07,826 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:07,826 basehttp 31076 130008097998528 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:43:07,852 basehttp 31076 130008114783936 "GET /api/blog/categories/ HTTP/1.1" 200 1007
+INFO 2025-10-08 10:43:07,861 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:07,866 basehttp 31076 130008345470656 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:43:07,889 basehttp 31076 130008353863360 "GET /api/blog/posts/?page=1&page_size=6 HTTP/1.1" 200 4501
+INFO 2025-10-08 10:43:08,007 basehttp 31076 130008123176640 "GET /media/blog/thumbnails/what-is-a-blog-1200x600-1.jpeg HTTP/1.1" 200 67330
+INFO 2025-10-08 10:43:20,936 basehttp 31076 130008353863360 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:43:20,945 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:20,955 basehttp 31076 130008097998528 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:43:20,964 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:20,969 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5626
+INFO 2025-10-08 10:43:20,986 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5626
+INFO 2025-10-08 10:43:21,253 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:21,264 basehttp 31076 130008353863360 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:43:21,291 basehttp 31076 130008097998528 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:43:21,292 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5626
+INFO 2025-10-08 10:43:21,292 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:21,322 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5626
+INFO 2025-10-08 10:43:26,850 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:26,872 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:43:26,880 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:26,887 basehttp 31076 130008097998528 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:43:26,919 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:26,940 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:26,952 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:43:26,971 basehttp 31076 130008353863360 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:43:27,255 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:27,277 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:27,284 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:43:27,309 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:27,313 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:43:27,329 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:43:27,342 basehttp 31076 130008097998528 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:43:27,364 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+WARNING 2025-10-08 10:43:30,750 log 31076 130008123176640 Not Found: /media//images/case/one.png
+WARNING 2025-10-08 10:43:30,751 basehttp 31076 130008123176640 "GET /media//images/case/one.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:43:32,711 log 31076 130008123176640 Not Found: /media//images/case/three.png
+WARNING 2025-10-08 10:43:32,712 basehttp 31076 130008123176640 "GET /media//images/case/three.png HTTP/1.1" 404 3002
+INFO 2025-10-08 10:43:52,723 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:52,729 basehttp 31076 130008097998528 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:43:52,749 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:52,756 basehttp 31076 130008114783936 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:43:52,756 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5626
+INFO 2025-10-08 10:43:52,807 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5626
+INFO 2025-10-08 10:43:53,034 basehttp 31076 130008114783936 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:43:53,047 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:53,057 basehttp 31076 130008097998528 "GET /api/case-studies/clients/ HTTP/1.1" 200 571
+INFO 2025-10-08 10:43:53,067 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5626
+INFO 2025-10-08 10:43:53,071 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:53,090 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/ HTTP/1.1" 200 5626
+INFO 2025-10-08 10:43:54,812 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:54,830 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 4255
+INFO 2025-10-08 10:43:54,839 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:54,865 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 4255
+INFO 2025-10-08 10:43:54,866 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 4255
+INFO 2025-10-08 10:43:54,883 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 4255
+INFO 2025-10-08 10:43:54,942 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 4255
+INFO 2025-10-08 10:43:54,946 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 4255
+INFO 2025-10-08 10:43:55,117 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:55,132 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:43:55,135 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 4255
+INFO 2025-10-08 10:43:55,167 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 4255
+INFO 2025-10-08 10:43:55,169 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 4255
+INFO 2025-10-08 10:43:55,206 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 4255
+INFO 2025-10-08 10:43:55,207 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 4255
+INFO 2025-10-08 10:43:55,217 basehttp 31076 130008123176640 "GET /media/case_studies/posters/what-is-a-blog-1200x600-1.jpeg HTTP/1.1" 200 67330
+INFO 2025-10-08 10:43:55,219 basehttp 31076 130008106391232 "GET /media/case_studies/projects/what-is-a-blog-1200x600-1.jpeg HTTP/1.1" 200 67330
+INFO 2025-10-08 10:43:55,233 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/3d-computer-graphics-or-3d-graphics/ HTTP/1.1" 200 4255
+INFO 2025-10-08 10:43:56,004 basehttp 31076 130008123176640 "GET /media/case_studies/gallery/what-is-a-blog-1200x600-1.jpeg HTTP/1.1" 200 67330
+INFO 2025-10-08 10:43:56,005 basehttp 31076 130008106391232 "GET /media/case_studies/gallery/what-is-a-blog-1200x600-1_P4JD66T.jpeg HTTP/1.1" 200 67330
+INFO 2025-10-08 10:43:56,020 basehttp 31076 130008087508672 "GET /media/case_studies/gallery/what-is-a-blog-1200x600-1_aXzf0tJ.jpeg HTTP/1.1" 200 67330
+INFO 2025-10-08 10:43:56,021 basehttp 31076 130008079115968 "GET /media/case_studies/gallery/what-is-a-blog-1200x600-1_rzqiGWy.jpeg HTTP/1.1" 200 67330
+INFO 2025-10-08 10:44:01,225 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:01,242 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:01,264 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:44:01,275 basehttp 31076 130008353863360 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:44:01,328 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:01,372 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:01,379 basehttp 31076 130008345470656 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:44:01,381 basehttp 31076 130008114783936 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:44:01,652 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:01,677 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:01,679 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:44:01,691 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:44:01,756 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:44:01,768 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:01,786 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:01,798 basehttp 31076 130008353863360 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+WARNING 2025-10-08 10:44:01,864 log 31076 130008087508672 Not Found: /media//images/case/one.png
+WARNING 2025-10-08 10:44:01,865 basehttp 31076 130008087508672 "GET /media//images/case/one.png HTTP/1.1" 404 2994
+INFO 2025-10-08 10:44:07,053 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:07,065 basehttp 31076 130008097998528 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 10:44:07,066 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:07,068 basehttp 31076 130008353863360 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 10:44:07,386 basehttp 31076 130008097998528 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 10:44:07,387 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:07,392 basehttp 31076 130008345470656 "GET /api/support/categories/ HTTP/1.1" 200 1108
+INFO 2025-10-08 10:44:07,398 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:52,370 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:52,385 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:52,397 basehttp 31076 130008114783936 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:44:52,406 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:44:52,488 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:52,513 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:44:52,518 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:52,536 basehttp 31076 130008114783936 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:44:52,822 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:52,849 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:44:52,857 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:52,867 basehttp 31076 130008345470656 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:44:52,941 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:52,965 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:52,979 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:44:52,983 basehttp 31076 130008114783936 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:44:55,091 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:55,112 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:55,121 basehttp 31076 130008345470656 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 10:44:55,160 basehttp 31076 130008097998528 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 10:44:55,161 basehttp 31076 130008114783936 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 10:44:55,181 basehttp 31076 130008353863360 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 10:44:55,205 basehttp 31076 130008345470656 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 10:44:55,225 basehttp 31076 130008114783936 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 10:44:55,405 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:55,424 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:44:55,431 basehttp 31076 130008097998528 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 10:44:55,452 basehttp 31076 130008114783936 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 10:44:55,467 basehttp 31076 130008353863360 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 10:44:55,487 basehttp 31076 130008345470656 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 10:44:55,525 basehttp 31076 130008097998528 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 10:44:55,530 basehttp 31076 130008114783936 "GET /api/about/page/ HTTP/1.1" 200 5073
+INFO 2025-10-08 10:44:55,564 basehttp 31076 130008337077952 "GET /media/about/services/5106554_2658378.jpg HTTP/1.1" 200 512913
+INFO 2025-10-08 10:44:59,731 basehttp 31076 130008337077952 "GET /media/about/process/5106554_2658378.jpg HTTP/1.1" 200 512913
+INFO 2025-10-08 10:45:04,735 basehttp 31076 130008337077952 "GET /api/services/ HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:04,819 basehttp 31076 130008087508672 "GET /api/services/restful-api-development/ HTTP/1.1" 200 3414
+INFO 2025-10-08 10:45:05,093 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:05,124 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:05,457 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:05,496 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:12,647 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:12,649 basehttp 31076 130008345470656 "OPTIONS /api/services/ HTTP/1.1" 200 0
+INFO 2025-10-08 10:45:12,661 basehttp 31076 130008097998528 "GET /api/services/ HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:12,669 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:12,674 basehttp 31076 130008353863360 "GET /api/services/ HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:12,801 basehttp 31076 130008087508672 "GET /media/services/images/cross-platform-mobile-app.webp HTTP/1.1" 200 160008
+INFO 2025-10-08 10:45:36,941 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:36,958 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:37,273 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:37,283 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:49,887 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:49,895 basehttp 31076 130008097998528 "GET /api/career/jobs/ HTTP/1.1" 200 2334
+INFO 2025-10-08 10:45:49,957 basehttp 31076 130008353863360 "GET /api/career/jobs/ HTTP/1.1" 200 2334
+INFO 2025-10-08 10:45:49,964 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:50,279 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:50,279 basehttp 31076 130008097998528 "GET /api/career/jobs/ HTTP/1.1" 200 2334
+INFO 2025-10-08 10:45:50,327 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:45:50,331 basehttp 31076 130008114783936 "GET /api/career/jobs/ HTTP/1.1" 200 2334
+INFO 2025-10-08 10:46:03,755 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:46:03,784 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:46:03,790 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:46:03,801 basehttp 31076 130008353863360 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:46:03,839 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:46:03,861 basehttp 31076 130008097998528 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:46:03,874 basehttp 31076 130008353863360 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:46:03,881 basehttp 31076 130008114783936 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:46:04,172 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:46:04,191 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:46:04,192 basehttp 31076 130008114783936 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:46:04,209 basehttp 31076 130008097998528 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+INFO 2025-10-08 10:46:04,251 basehttp 31076 130008345470656 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:46:04,256 basehttp 31076 130008353863360 "GET /api/case-studies/case-studies/?ordering=display_order&page_size=5 HTTP/1.1" 200 3681
+INFO 2025-10-08 10:46:04,269 basehttp 31076 130008097998528 "GET /api/services/?ordering=display_order&page=1 HTTP/1.1" 200 6882
+INFO 2025-10-08 10:46:04,275 basehttp 31076 130008114783936 "GET /api/blog/posts/latest/?limit=12 HTTP/1.1" 200 5921
+WARNING 2025-10-08 10:46:04,330 log 31076 130008087508672 Not Found: /media//images/case/one.png
+WARNING 2025-10-08 10:46:04,330 basehttp 31076 130008087508672 "GET /media//images/case/one.png HTTP/1.1" 404 2994
+INFO 2025-10-08 10:46:04,456 basehttp 31076 130008087508672 "GET /media/case_studies/thumbnails/what-is-a-blog-1200x600-1.jpeg HTTP/1.1" 200 67330
+WARNING 2025-10-08 10:46:04,560 log 31076 130008087508672 Not Found: /media//images/case/one.png
+WARNING 2025-10-08 10:46:04,561 basehttp 31076 130008087508672 "GET /media//images/case/one.png HTTP/1.1" 404 2994
+WARNING 2025-10-08 10:46:05,263 log 31076 130008087508672 Not Found: /media//images/case/three.png
+WARNING 2025-10-08 10:46:05,263 basehttp 31076 130008087508672 "GET /media//images/case/three.png HTTP/1.1" 404 3002
diff --git a/gnx-react/backend/media/blog/featured/what-is-a-blog-1200x600-1.jpeg b/gnx-react/backend/media/blog/featured/what-is-a-blog-1200x600-1.jpeg
new file mode 100644
index 00000000..1c6c6f9f
Binary files /dev/null and b/gnx-react/backend/media/blog/featured/what-is-a-blog-1200x600-1.jpeg differ
diff --git a/gnx-react/backend/media/blog/thumbnails/what-is-a-blog-1200x600-1.jpeg b/gnx-react/backend/media/blog/thumbnails/what-is-a-blog-1200x600-1.jpeg
new file mode 100644
index 00000000..1c6c6f9f
Binary files /dev/null and b/gnx-react/backend/media/blog/thumbnails/what-is-a-blog-1200x600-1.jpeg differ
diff --git a/gnx-react/backend/media/case_studies/featured/what-is-a-blog-1200x600-1.jpeg b/gnx-react/backend/media/case_studies/featured/what-is-a-blog-1200x600-1.jpeg
new file mode 100644
index 00000000..1c6c6f9f
Binary files /dev/null and b/gnx-react/backend/media/case_studies/featured/what-is-a-blog-1200x600-1.jpeg differ
diff --git a/gnx-react/backend/media/case_studies/gallery/what-is-a-blog-1200x600-1.jpeg b/gnx-react/backend/media/case_studies/gallery/what-is-a-blog-1200x600-1.jpeg
new file mode 100644
index 00000000..1c6c6f9f
Binary files /dev/null and b/gnx-react/backend/media/case_studies/gallery/what-is-a-blog-1200x600-1.jpeg differ
diff --git a/gnx-react/backend/media/case_studies/gallery/what-is-a-blog-1200x600-1_P4JD66T.jpeg b/gnx-react/backend/media/case_studies/gallery/what-is-a-blog-1200x600-1_P4JD66T.jpeg
new file mode 100644
index 00000000..1c6c6f9f
Binary files /dev/null and b/gnx-react/backend/media/case_studies/gallery/what-is-a-blog-1200x600-1_P4JD66T.jpeg differ
diff --git a/gnx-react/backend/media/case_studies/gallery/what-is-a-blog-1200x600-1_aXzf0tJ.jpeg b/gnx-react/backend/media/case_studies/gallery/what-is-a-blog-1200x600-1_aXzf0tJ.jpeg
new file mode 100644
index 00000000..1c6c6f9f
Binary files /dev/null and b/gnx-react/backend/media/case_studies/gallery/what-is-a-blog-1200x600-1_aXzf0tJ.jpeg differ
diff --git a/gnx-react/backend/media/case_studies/gallery/what-is-a-blog-1200x600-1_rzqiGWy.jpeg b/gnx-react/backend/media/case_studies/gallery/what-is-a-blog-1200x600-1_rzqiGWy.jpeg
new file mode 100644
index 00000000..1c6c6f9f
Binary files /dev/null and b/gnx-react/backend/media/case_studies/gallery/what-is-a-blog-1200x600-1_rzqiGWy.jpeg differ
diff --git a/gnx-react/backend/media/case_studies/posters/what-is-a-blog-1200x600-1.jpeg b/gnx-react/backend/media/case_studies/posters/what-is-a-blog-1200x600-1.jpeg
new file mode 100644
index 00000000..1c6c6f9f
Binary files /dev/null and b/gnx-react/backend/media/case_studies/posters/what-is-a-blog-1200x600-1.jpeg differ
diff --git a/gnx-react/backend/media/case_studies/projects/what-is-a-blog-1200x600-1.jpeg b/gnx-react/backend/media/case_studies/projects/what-is-a-blog-1200x600-1.jpeg
new file mode 100644
index 00000000..1c6c6f9f
Binary files /dev/null and b/gnx-react/backend/media/case_studies/projects/what-is-a-blog-1200x600-1.jpeg differ
diff --git a/gnx-react/backend/media/case_studies/thumbnails/what-is-a-blog-1200x600-1.jpeg b/gnx-react/backend/media/case_studies/thumbnails/what-is-a-blog-1200x600-1.jpeg
new file mode 100644
index 00000000..1c6c6f9f
Binary files /dev/null and b/gnx-react/backend/media/case_studies/thumbnails/what-is-a-blog-1200x600-1.jpeg differ
diff --git a/gnx-react/components/pages/blog/BlogItems.tsx b/gnx-react/components/pages/blog/BlogItems.tsx
index 2861432c..82c50616 100644
--- a/gnx-react/components/pages/blog/BlogItems.tsx
+++ b/gnx-react/components/pages/blog/BlogItems.tsx
@@ -1,13 +1,73 @@
+"use client";
+import { useState } from "react";
 import Link from "next/link";
 import PostFilterItems from "./post-filter/PostFilterItems";
 
 const BlogItems = () => {
+  const [currentPage, setCurrentPage] = useState(1);
+  const [totalPages, setTotalPages] = useState(1);
+  const postsPerPage = 6;
+
+  const handlePageChange = (page: number) => {
+    if (page >= 1 && page <= totalPages) {
+      setCurrentPage(page);
+      // Scroll to top of posts section
+      window.scrollTo({ top: 0, behavior: 'smooth' });
+    }
+  };
+
+  const handleTotalPagesChange = (total: number) => {
+    setTotalPages(total);
+  };
+
+  // Generate page numbers to display
+  const getPageNumbers = () => {
+    const pages: (number | string)[] = [];
+    const maxPagesToShow = 5;
+
+    if (totalPages <= maxPagesToShow) {
+      // Show all pages if total is small
+      for (let i = 1; i <= totalPages; i++) {
+        pages.push(i);
+      }
+    } else {
+      // Show first page
+      pages.push(1);
+
+      // Calculate range around current page
+      let startPage = Math.max(2, currentPage - 1);
+      let endPage = Math.min(totalPages - 1, currentPage + 1);
+
+      // Add ellipsis after first page if needed
+      if (startPage > 2) {
+        pages.push('...');
+      }
+
+      // Add pages around current page
+      for (let i = startPage; i <= endPage; i++) {
+        pages.push(i);
+      }
+
+      // Add ellipsis before last page if needed
+      if (endPage < totalPages - 1) {
+        pages.push('...');
+      }
+
+      // Show last page
+      if (totalPages > 1) {
+        pages.push(totalPages);
+      }
+    }
+
+    return pages;
+  };
+
   return (
     <section className="fix-top pb-120 blog-m">
       <div className="container">
         <div className="row align-items-center vertical-column-gap">
           <div className="col-12 col-lg-7">
-            <h2 className="mt-8 fw-7 text-secondary title-anim">Blog</h2>
+            <h2 className="mt-8 fw-7 text-secondary title-anim">Latest Company Insights</h2>
           </div>
           <div className="col-12 col-lg-5">
             <form action="#" method="post" autoComplete="off">
@@ -30,36 +90,58 @@ const BlogItems = () => {
             </form>
           </div>
         </div>
-        <PostFilterItems />
-        <div className="row mt-60">
-          <div className="col-12">
-            <div className="section__cta">
-              <ul className="pagination">
-                <li>
-                  <button>
-                    <i className="fa-solid fa-angle-left"></i>
-                  </button>
-                </li>
-                <li>
-                  <Link href="blog">1</Link>
-                </li>
-                <li>
-                  <Link href="blog" className="active">
-                    2
-                  </Link>
-                </li>
-                <li>
-                  <Link href="blog">3</Link>
-                </li>
-                <li>
-                  <button>
-                    <i className="fa-solid fa-angle-right"></i>
-                  </button>
-                </li>
-              </ul>
+        <PostFilterItems 
+          currentPage={currentPage}
+          onPageChange={handlePageChange}
+          onTotalPagesChange={handleTotalPagesChange}
+          postsPerPage={postsPerPage}
+        />
+        {totalPages > 1 && (
+          <div className="row mt-60">
+            <div className="col-12">
+              <div className="section__cta">
+                <ul className="pagination">
+                  <li>
+                    <button
+                      onClick={() => handlePageChange(currentPage - 1)}
+                      disabled={currentPage === 1}
+                      aria-label="Previous page"
+                      style={{ opacity: currentPage === 1 ? 0.5 : 1, cursor: currentPage === 1 ? 'not-allowed' : 'pointer' }}
+                    >
+                      <i className="fa-solid fa-angle-left"></i>
+                    </button>
+                  </li>
+                  {getPageNumbers().map((page, index) => (
+                    <li key={index}>
+                      {typeof page === 'number' ? (
+                        <button
+                          onClick={() => handlePageChange(page)}
+                          className={currentPage === page ? 'active' : ''}
+                          aria-label={`Go to page ${page}`}
+                          aria-current={currentPage === page ? 'page' : undefined}
+                        >
+                          {page}
+                        </button>
+                      ) : (
+                        <span style={{ padding: '0 10px' }}>{page}</span>
+                      )}
+                    </li>
+                  ))}
+                  <li>
+                    <button
+                      onClick={() => handlePageChange(currentPage + 1)}
+                      disabled={currentPage === totalPages}
+                      aria-label="Next page"
+                      style={{ opacity: currentPage === totalPages ? 0.5 : 1, cursor: currentPage === totalPages ? 'not-allowed' : 'pointer' }}
+                    >
+                      <i className="fa-solid fa-angle-right"></i>
+                    </button>
+                  </li>
+                </ul>
+              </div>
             </div>
           </div>
-        </div>
+        )}
       </div>
     </section>
   );
diff --git a/gnx-react/components/pages/blog/BlogSingle.tsx b/gnx-react/components/pages/blog/BlogSingle.tsx
index eb7f7cb5..da3ae40e 100644
--- a/gnx-react/components/pages/blog/BlogSingle.tsx
+++ b/gnx-react/components/pages/blog/BlogSingle.tsx
@@ -1,207 +1,289 @@
+"use client";
+import { useParams } from "next/navigation";
 import Image from "next/legacy/image";
 import Link from "next/link";
-import poster from "@/public/images/blog/blog-poster.png";
-import info from "@/public/images/blog/blog-info.png";
+import { useBlogPost } from "@/lib/hooks/useBlog";
+import { getValidImageUrl, getValidImageAlt, FALLBACK_IMAGES } from "@/lib/imageUtils";
 
 const BlogSingle = () => {
-  return (
-    <section className="tp-post-details fix-top pb-120 fade-wrapper">
-      <div className="container">
-        <div className="row">
-          <div className="col-12">
-            <div className="tp-post-intro">
-              <h2 className="title-anim text-xxl fw-7 text-secondary mt-8">
-                Tackling data of annotation problems in healthcare
-              </h2>
-              <div className="mt-60 mb-24 d-flex align-items-center justify-content-between tppr">
-                <div className="d-flex align-items-center tp-post-tags-container mt-8">
-                  <p className="text-xs">Scope:</p>
-                  <div className="d-flex align-items-center tp-post-tags">
-                    <Link href="blog">AI</Link>
-                    <span></span>
-                    <Link href="blog">Artificial Intelligence</Link>
-                    <span></span>
-                    <Link href="blog">Data Science</Link>
-                    <span></span>
-                    <Link href="blog">Machine Learning</Link>
-                  </div>
+  const params = useParams();
+  const slug = params?.slug as string;
+  const { post, loading, error } = useBlogPost(slug);
+
+  if (loading) {
+    return (
+      <section className="blog-single-section fix-top pb-120">
+        <div className="container">
+          <div className="row justify-content-center">
+            <div className="col-12 col-lg-10 col-xl-8">
+              <div className="loading-state text-center py-5">
+                <div className="spinner-border text-primary mb-3" role="status">
+                  <span className="visually-hidden">Loading...</span>
                 </div>
-                <div className="tp-post-meta mt-8">
-                  <p className="author text-xs text-tertiary">Denial Lio</p>
-                  <span></span>
-                  <p className="date text-xs text-tertiary">18 Dec 2022</p>
-                </div>
-              </div>
-              <div className="tp-post-poster fade-top">
-                <div className="parallax-image-wrap">
-                  <div className="parallax-image-inner">
-                    <Image
-                      src={poster}
-                      className="w-100 mh-300 parallax-image"
-                      alt="Image"
-                    />
-                  </div>
-                </div>
-              </div>
-              <div className="group mt-60">
-                <p className="cur-lg mb-24">
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
-                  nec tortor id erat faucibus tempor id eget turpis. Donec
-                  lobortis et neque eget congue. Mauris laoreet orci ac dictum
-                  interdum. Sed dapibus convallis arcu, a aliquam purus sodales
-                  nec. Integer consequat et magna sit amet porta. Maecenas
-                  consectetur eros sed risus porta convallis eget et massa.
-                  Integer auctor convallis ligula, sit amet sollicitudin justo
-                  tincidunt a. Sed tellus diam.
-                </p>
-                <p className="cur-lg mb-24 fw-6">
-                  Bibendum tincidunt orci vel, sollicitudin bibendum ligula.
-                  Pellentesque sollicitudin nulla felis, a ornare tellus
-                  tristique ac. Proin ultricies a turpis sit amet lacinia. Ut
-                  laoreet nunc leo, ac congue enim laoreet in. Aenean suscipit
-                  arcu at ligula tempor porta.
-                </p>
-                <p className="cur-lg">
-                  Quisque et fringilla lacus, quis luctus elit. Curabitur eu dui
-                  mattis turpis commodo eleifend. Sed porta ornare nunc et
-                  tristique. Curabitur vel eros a ante cursus lacinia. Nam nisl
-                  leo, aliquet a placerat at, porttitor quis augue. Proin quis
-                  aliquet libero. Pellentesque habitant morbi tristique senectus
-                  et netus et malesuada fames ac turpis egestas. Vestibulum
-                  varius a ipsum ornare blandit. Integer vitae eleifend risus,
-                  id tincidunt elit. Integer tincidunt ipsum vitae sagittis
-                  porta. Aenean ut facilisis dui. Praesent at ultricies purus.
-                  Nam a arcu vel diam ullamcorper tincidunt. Curabitur
-                  vestibulum commodo erat non laoreet. Proin nibh nibh,
-                  scelerisque a nibh nec, scelerisque convallis leo. Nunc eget
-                  elit nunc.
-                </p>
-              </div>
-              <div className="group-info mt-60">
-                <div className="row align-items-center vertical-column-gap">
-                  <div className="col-12 col-lg-6">
-                    <div className="fade-top">
-                      <div className="parallax-image-wrap">
-                        <div className="parallax-image-inner">
-                          <Image
-                            src={info}
-                            className="w-100 mh-300 parallax-image"
-                            alt="Image"
-                          />
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="col-12 col-lg-6">
-                    <p className="cur-lg mb-24">
-                      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                      Donec nec tortor id erat faucibus tempor id eget turpis.
-                      Donec lobortis et neque eget congue. Mauris laoreet orci
-                      ac dictum interdum. Sed dapibus convallis arcu, a aliquam
-                      purus sodales nec.
-                    </p>
-                    <p className="cur-lg">
-                      Quisque et fringilla lacus, quis luctus elit. Curabitur eu
-                      dui mattis turpis commodo eleifend. Sed porta ornare nunc
-                      et tristique. Curabitur vel eros a ante cursus lacinia.
-                      Nam nisl leo, aliquet a placerat at, porttitor quis augue.
-                      Proin quis aliquet libero. Pellentesque habitant morbi
-                      tristique senectus et netus et malesuada fames ac turpis
-                      egestas. Vestibulum varius a ipsum ornare blandit.
-                    </p>
-                  </div>
-                </div>
-              </div>
-              <div className="group mt-60">
-                <h4 className="mt-8 fw-7 text-secondary title-anim mb-24">
-                  The Hidden Markov Model&apos;s Limitations
-                </h4>
-                <p className="cur-lg mb-24">
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
-                  nec tortor id erat faucibus tempor id eget turpis. Donec
-                  lobortis et neque eget congue. Mauris laoreet orci ac dictum
-                  interdum. Sed dapibus convallis arcu, a aliquam purus sodales
-                  nec.
-                </p>
-                <p className="cur-lg">
-                  Quisque et fringilla lacus, quis luctus elit. Curabitur eu dui
-                  mattis turpis commodo eleifend. Sed porta ornare nunc et
-                  tristique. Curabitur vel eros a ante cursus lacinia. Nam nisl
-                  leo, aliquet a placerat at, porttitor quis augue. Proin quis
-                  aliquet libero. Pellentesque habitant morbi tristique senectus
-                  et netus et malesuada fames ac turpis egestas. Vestibulum
-                  varius a ipsum ornare blandit.
-                </p>
-              </div>
-              <div className="group mt-60">
-                <h4 className="mt-8 fw-7 text-secondary title-anim mb-24">
-                  The Effect
-                </h4>
-                <p className="cur-lg mb-24">
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
-                  nec tortor id erat faucibus tempor id eget turpis. Donec
-                  lobortis et neque eget congue. Mauris laoreet orci ac dictum
-                  interdum. Sed dapibus convallis arcu, a aliquam purus sodales
-                  nec.
-                </p>
-                <p className="cur-lg">
-                  Quisque et fringilla lacus, quis luctus elit. Curabitur eu dui
-                  mattis turpis commodo eleifend. Sed porta ornare nunc et
-                  tristique. Curabitur vel eros a ante cursus lacinia. Nam nisl
-                  leo, aliquet a placerat at, porttitor quis augue. Proin quis
-                  aliquet libero. Pellentesque habitant morbi tristique senectus
-                  et netus et malesuada fames ac turpis egestas. Vestibulum
-                  varius a ipsum ornare blandit.
-                </p>
+                <p className="text-tertiary">Loading insight...</p>
               </div>
             </div>
           </div>
         </div>
-        <div className="row mt-80">
-          <div className="col-12">
-            <div className="bd-social">
-              <p className="fw-5 text-uppercase">Share :</p>
-              <ul className=" social">
-                <li>
-                  <Link
-                    href="https://www.facebook.com/"
-                    target="_blank"
-                    aria-label="share us on facebook"
-                   >
-                    <i className="fa-brands fa-facebook-f"></i>
-                  </Link>
-                </li>
-                <li>
-                  <Link
-                    href="https://www.twitter.com/"
-                    target="_blank"
-                    aria-label="share us on twitter"
-                   >
-                    <i className="fa-brands fa-twitter"></i>
-                  </Link>
-                </li>
-                <li>
-                  <Link
-                    href="https://www.pinterest.com/"
-                    target="_blank"
-                    aria-label="share us on pinterest"
-                   >
-                    <i className="fa-brands fa-linkedin-in"></i>
-                  </Link>
-                </li>
-                <li>
-                  <Link
-                    href="https://www.instagram.com/"
-                    target="_blank"
-                    aria-label="share us on instagram"
-                   >
-                    <i className="fa-brands fa-instagram"></i>
-                  </Link>
-                </li>
-              </ul>
+      </section>
+    );
+  }
+
+  if (error || !post) {
+    return (
+      <section className="blog-single-section fix-top pb-120">
+        <div className="container">
+          <div className="row justify-content-center">
+            <div className="col-12 col-lg-10 col-xl-8">
+              <div className="error-state text-center py-5">
+                <div className="error-icon mb-4">
+                  <i className="fa-solid fa-exclamation-circle fa-4x text-tertiary"></i>
+                </div>
+                <h2 className="text-secondary mb-3">Insight Not Found</h2>
+                <p className="text-tertiary mb-4">
+                  The insight you're looking for doesn't exist or has been removed.
+                </p>
+                <Link href="/insights" className="btn btn-primary">
+                  <i className="fa-solid fa-arrow-left me-2"></i>
+                  Back to Insights
+                </Link>
+              </div>
             </div>
           </div>
         </div>
+      </section>
+    );
+  }
+
+  return (
+    <section className="blog-single-section fix-top pb-120">
+      <div className="container">
+        {/* Article Content */}
+        <div className="row">
+          <div className="col-12">
+            <article className="blog-single-article">
+              {/* Article Header */}
+              <header className="article-header">
+                {/* Top Meta Bar */}
+                <div className="article-top-meta d-flex flex-wrap align-items-center justify-content-between mb-4">
+                  <div className="left-meta d-flex align-items-center gap-3">
+                    {/* Category Badge */}
+                    {post.category && (
+                      <Link href={`/insights?category=${post.category.slug}`} className="category-badge">
+                        <i className="fa-solid fa-folder-open me-2"></i>
+                        {post.category.title}
+                      </Link>
+                    )}
+                    
+                    {/* Date */}
+                    <div className="meta-item d-flex align-items-center">
+                      <i className="fa-solid fa-calendar me-2"></i>
+                      <span>
+                        {new Date(post.published_at || post.created_at).toLocaleDateString('en-US', {
+                          day: 'numeric',
+                          month: 'short',
+                          year: 'numeric'
+                        })}
+                      </span>
+                    </div>
+                  </div>
+
+                  <div className="right-meta d-flex align-items-center gap-3">
+                    {/* Reading Time */}
+                    <div className="meta-item d-flex align-items-center">
+                      <i className="fa-solid fa-clock me-2"></i>
+                      <span>{post.reading_time} min</span>
+                    </div>
+                    
+                    {/* Views */}
+                    <div className="meta-item d-flex align-items-center">
+                      <i className="fa-solid fa-eye me-2"></i>
+                      <span>{post.views_count}</span>
+                    </div>
+                  </div>
+                </div>
+
+                {/* Title */}
+                <h1 className="article-title">
+                  {post.title}
+                </h1>
+
+                {/* Author and Tags Bar */}
+                <div className="article-bottom-meta d-flex flex-wrap align-items-center justify-content-between mt-4 pt-4">
+                  {/* Author */}
+                  <div className="author-meta d-flex align-items-center">
+                    <div className="author-avatar me-3">
+                      {post.author?.avatar ? (
+                        <Image
+                          src={post.author.avatar}
+                          alt={post.author.name}
+                          width={48}
+                          height={48}
+                          className="rounded-circle"
+                        />
+                      ) : (
+                        <div className="avatar-placeholder">
+                          <i className="fa-solid fa-user"></i>
+                        </div>
+                      )}
+                    </div>
+                    <div className="author-info">
+                      <div className="author-label">Written by</div>
+                      <div className="author-name">
+                        {post.author?.name || post.author_name || 'Admin'}
+                      </div>
+                    </div>
+                  </div>
+
+                  {/* Tags */}
+                  {post.tags && post.tags.length > 0 && (
+                    <div className="article-tags d-flex flex-wrap align-items-center gap-2">
+                      {post.tags.map((tag) => (
+                        <Link
+                          key={tag.id}
+                          href={`/insights?tag=${tag.slug}`}
+                          className="tag-badge"
+                        >
+                          #{tag.name}
+                        </Link>
+                      ))}
+                    </div>
+                  )}
+                </div>
+              </header>
+
+              {/* Featured Image */}
+              {(post.featured_image || post.thumbnail) && (
+                <div className="article-featured-image">
+                  <div className="image-wrapper">
+                    <Image
+                      src={getValidImageUrl(
+                        post.featured_image || post.thumbnail,
+                        FALLBACK_IMAGES.BLOG
+                      )}
+                      alt={getValidImageAlt(post.title)}
+                      width={1200}
+                      height={600}
+                      layout="responsive"
+                      className="featured-image"
+                    />
+                  </div>
+                </div>
+              )}
+
+              {/* Article Body */}
+              <div className="article-body">
+                {/* Excerpt */}
+                {post.excerpt && (
+                  <div className="article-excerpt">
+                    <p className="lead">{post.excerpt}</p>
+                  </div>
+                )}
+
+                {/* Content */}
+                {post.content && (
+                  <div 
+                    className="article-content enterprise-content"
+                    dangerouslySetInnerHTML={{ __html: post.content }}
+                  />
+                )}
+              </div>
+
+              {/* Footer Section */}
+              <footer className="article-footer">
+                {/* Share Section */}
+                <div className="article-share">
+                  <div className="share-container">
+                    <h6 className="share-title">
+                      Share this insight
+                    </h6>
+                    <div className="social-share">
+                      <Link
+                        href={`https://www.linkedin.com/shareArticle?mini=true&url=${typeof window !== 'undefined' ? encodeURIComponent(window.location.href) : ''}&title=${encodeURIComponent(post.title)}`}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="share-btn share-linkedin"
+                        aria-label="Share on LinkedIn"
+                      >
+                        <i className="fa-brands fa-linkedin-in"></i>
+                        <span>LinkedIn</span>
+                      </Link>
+                      <Link
+                        href={`https://twitter.com/intent/tweet?url=${typeof window !== 'undefined' ? encodeURIComponent(window.location.href) : ''}&text=${encodeURIComponent(post.title)}`}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="share-btn share-twitter"
+                        aria-label="Share on Twitter"
+                      >
+                        <i className="fa-brands fa-twitter"></i>
+                        <span>Twitter</span>
+                      </Link>
+                      <Link
+                        href={`https://www.facebook.com/sharer/sharer.php?u=${typeof window !== 'undefined' ? encodeURIComponent(window.location.href) : ''}`}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="share-btn share-facebook"
+                        aria-label="Share on Facebook"
+                      >
+                        <i className="fa-brands fa-facebook-f"></i>
+                        <span>Facebook</span>
+                      </Link>
+                      <button
+                        onClick={() => {
+                          if (typeof window !== 'undefined' && navigator.clipboard) {
+                            navigator.clipboard.writeText(window.location.href);
+                            alert('Link copied to clipboard!');
+                          }
+                        }}
+                        className="share-btn share-copy"
+                        aria-label="Copy link"
+                      >
+                        <i className="fa-solid fa-link"></i>
+                        <span>Copy</span>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+
+                {/* Author Bio */}
+                {post.author && post.author.bio && (
+                  <div className="author-bio-section">
+                    <div className="author-bio-card">
+                      <div className="author-avatar-container">
+                        {post.author.avatar ? (
+                          <Image
+                            src={post.author.avatar}
+                            alt={post.author.name}
+                            width={90}
+                            height={90}
+                            className="rounded-circle"
+                          />
+                        ) : (
+                          <div className="author-avatar-large">
+                            <i className="fa-solid fa-user"></i>
+                          </div>
+                        )}
+                      </div>
+                      <div className="author-bio-content">
+                        <div className="bio-label">About the Author</div>
+                        <h6 className="author-name">{post.author.name}</h6>
+                        <p className="author-bio-text">{post.author.bio}</p>
+                      </div>
+                    </div>
+                  </div>
+                )}
+
+                {/* Navigation */}
+                <div className="article-navigation">
+                  <Link href="/insights" className="btn-back-insights">
+                    <i className="fa-solid fa-arrow-left me-2"></i>
+                    Back to All Insights
+                  </Link>
+                </div>
+              </footer>
+            </article>
+          </div>
+        </div>
       </div>
     </section>
   );
diff --git a/gnx-react/components/pages/blog/LatestPost.tsx b/gnx-react/components/pages/blog/LatestPost.tsx
index 675d5bcd..fda598b4 100644
--- a/gnx-react/components/pages/blog/LatestPost.tsx
+++ b/gnx-react/components/pages/blog/LatestPost.tsx
@@ -4,12 +4,30 @@ import Link from "next/link";
 import { Swiper, SwiperSlide } from "swiper/react";
 import { Autoplay } from "swiper/modules";
 import "swiper/swiper-bundle.css";
-import one from "@/public/images/blog/related-one.png";
-import two from "@/public/images/blog/related-two.png";
-import three from "@/public/images/blog/related-three.png";
-import four from "@/public/images/blog/related-four.png";
+import { useLatestPosts } from "@/lib/hooks/useBlog";
+import { getValidImageUrl, getValidImageAlt, FALLBACK_IMAGES } from "@/lib/imageUtils";
 
 const LatestPost = () => {
+  const { posts, loading, error } = useLatestPosts(8);
+
+  if (loading) {
+    return (
+      <section className="tp-latest-post pt-120 pb-120 bg-quinary">
+        <div className="container">
+          <div className="row">
+            <div className="col-12">
+              <p className="text-center">Loading latest posts...</p>
+            </div>
+          </div>
+        </div>
+      </section>
+    );
+  }
+
+  if (error || posts.length === 0) {
+    return null; // Don't show the section if there's an error or no posts
+  }
+
   return (
     <section className="tp-latest-post pt-120 pb-120 bg-quinary">
       <div className="container">
@@ -17,14 +35,14 @@ const LatestPost = () => {
           <div className="col-12 col-lg-7">
             <div className="tp-lp-title text-center text-lg-start">
               <h2 className="mt-8 fw-7 text-secondary title-anim">
-                Related posts
+                Related Insights
               </h2>
             </div>
           </div>
           <div className="col-12 col-lg-5">
             <div className="tp-lp-cta text-center text-lg-end">
-              <Link href="blog" className="btn-line text-uppercase">
-                See All Posts
+              <Link href="/insights" className="btn-line text-uppercase">
+                View All Insights
               </Link>
             </div>
           </div>
@@ -39,7 +57,7 @@ const LatestPost = () => {
                   slidesPerGroup={1}
                   freeMode={true}
                   speed={1200}
-                  loop={true}
+                  loop={posts.length > 3}
                   roundLengths={true}
                   modules={[Autoplay]}
                   autoplay={{
@@ -49,378 +67,43 @@ const LatestPost = () => {
                   }}
                   className="tp-lp-slider"
                 >
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={one}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
+                  {posts.map((post) => (
+                    <SwiperSlide key={post.id}>
+                      <div className="tp-lp-slider__single topy-tilt">
+                        <div className="thumb mb-24">
+                          <Link href={`/insights/${post.slug}`} className="w-100 overflow-hidden">
+                            <Image
+                              src={getValidImageUrl(post.thumbnail, FALLBACK_IMAGES.BLOG)}
+                              width={400}
+                              height={220}
+                              className="w-100 mh-220"
+                              alt={getValidImageAlt(post.title)}
+                            />
                           </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={two}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
                         </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={three}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
+                        <div className="content">
+                          <div className="tp-lp-post__meta mb-24 mt-8">
+                            <p className="author text-xs text-tertiary">
+                              {post.author_name || 'Admin'}
+                            </p>
+                            <span></span>
+                            <p className="date text-xs text-tertiary">
+                              {new Date(post.published_at || post.created_at).toLocaleDateString('en-US', {
+                                day: 'numeric',
+                                month: 'short',
+                                year: 'numeric'
+                              })}
+                            </p>
+                          </div>
+                          <h5 className="mt-8 fw-5 text-secondary">
+                            <Link href={`/insights/${post.slug}`}>
+                              {post.title}
+                            </Link>
+                          </h5>
                         </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
                       </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={four}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={one}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={two}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={three}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={four}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={one}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={two}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={three}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={four}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
+                    </SwiperSlide>
+                  ))}
                 </Swiper>
               </div>
             </div>
diff --git a/gnx-react/components/pages/blog/post-filter/PostFilterButtons.tsx b/gnx-react/components/pages/blog/post-filter/PostFilterButtons.tsx
index c015acd6..39805eff 100644
--- a/gnx-react/components/pages/blog/post-filter/PostFilterButtons.tsx
+++ b/gnx-react/components/pages/blog/post-filter/PostFilterButtons.tsx
@@ -1,23 +1,54 @@
 import { useState, useEffect } from "react";
-import { BlogCategoryButtons } from "@/public/data/blog-category";
+import { useBlogCategories } from "@/lib/hooks/useBlog";
 
 const PostFilterButtons = ({ handleClick, active }: any) => {
-  const [categories, setCategories] = useState(BlogCategoryButtons);
+  const { categories: apiCategories, loading, error } = useBlogCategories();
+  const [categories, setCategories] = useState<any[]>([]);
 
-  // TODO: Replace with API call to get blog categories
-  // useEffect(() => {
-  //   const fetchCategories = async () => {
-  //     try {
-  //       const response = await blogCategoryAPI.getAll();
-  //       if (response.success) {
-  //         setCategories(response.data);
-  //       }
-  //     } catch (error) {
-  //       console.error('Error fetching categories:', error);
-  //     }
-  //   };
-  //   fetchCategories();
-  // }, []);
+  useEffect(() => {
+    if (!loading && apiCategories.length > 0) {
+      // Add "All" category at the beginning
+      const allCategory = {
+        id: 0,
+        title: "All",
+        slug: "all",
+        display_order: 0
+      };
+      setCategories([allCategory, ...apiCategories]);
+    }
+  }, [apiCategories, loading]);
+
+  if (loading) {
+    return (
+      <div className="row">
+        <div className="col-12">
+          <div className="post-filter__wrapper mt-80">
+            <p>Loading categories...</p>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  if (error) {
+    console.error('Error loading categories:', error);
+    // Fallback to showing "All" button only
+    return (
+      <div className="row">
+        <div className="col-12">
+          <div className="post-filter__wrapper mt-80">
+            <button
+              aria-label="Filter Post"
+              className="active"
+              onClick={() => handleClick("all")}
+            >
+              All
+            </button>
+          </div>
+        </div>
+      </div>
+    );
+  }
 
   return (
     <div className="row">
diff --git a/gnx-react/components/pages/blog/post-filter/PostFilterItems.tsx b/gnx-react/components/pages/blog/post-filter/PostFilterItems.tsx
index a3338500..4534f892 100644
--- a/gnx-react/components/pages/blog/post-filter/PostFilterItems.tsx
+++ b/gnx-react/components/pages/blog/post-filter/PostFilterItems.tsx
@@ -5,102 +5,81 @@ import Link from "next/link";
 import { AnimatePresence, motion } from "framer-motion";
 import { getValidImageUrl, getValidImageAlt, FALLBACK_IMAGES } from "@/lib/imageUtils";
 import PostFilterButtons from "./PostFilterButtons";
+import { useBlogPosts } from "@/lib/hooks/useBlog";
 
-const PostFilterItems = () => {
+interface PostFilterItemsProps {
+  currentPage: number;
+  onPageChange: (page: number) => void;
+  onTotalPagesChange: (totalPages: number) => void;
+  postsPerPage?: number;
+}
+
+const PostFilterItems = ({ currentPage, onPageChange, onTotalPagesChange, postsPerPage = 10 }: PostFilterItemsProps) => {
   const [active, setActive] = useState("all");
-  
-  // Static blog posts data
-  const allPosts = [
-    {
-      id: 1,
-      title: "Enterprise Software Development Best Practices",
-      content: "Learn about the latest best practices in enterprise software development...",
-      slug: "enterprise-software-development-best-practices",
-      author_id: 1,
-      category_id: 1,
-      thumbnail: "/images/blog/one.png",
-      published: true,
-      category_title: "Development",
-      category_slug: "development",
-      author_name: "John Smith",
-      created_at: "2024-01-15T10:00:00Z",
-      updated_at: "2024-01-15T10:00:00Z"
-    },
-    {
-      id: 2,
-      title: "API Integration Strategies for Modern Enterprises",
-      content: "Discover effective strategies for API integration in enterprise environments...",
-      slug: "api-integration-strategies-modern-enterprises",
-      author_id: 1,
-      category_id: 2,
-      thumbnail: "/images/blog/two.png",
-      published: true,
-      category_title: "Integration",
-      category_slug: "integration",
-      author_name: "Jane Doe",
-      created_at: "2024-01-10T14:30:00Z",
-      updated_at: "2024-01-10T14:30:00Z"
-    },
-    {
-      id: 3,
-      title: "Cloud Migration: A Complete Guide",
-      content: "Everything you need to know about migrating your enterprise to the cloud...",
-      slug: "cloud-migration-complete-guide",
-      author_id: 1,
-      category_id: 3,
-      thumbnail: "/images/blog/three.png",
-      published: true,
-      category_title: "Cloud",
-      category_slug: "cloud",
-      author_name: "Mike Johnson",
-      created_at: "2024-01-05T09:15:00Z",
-      updated_at: "2024-01-05T09:15:00Z"
-    },
-    {
-      id: 4,
-      title: "Digital Transformation in Enterprise",
-      content: "How digital transformation is reshaping enterprise operations...",
-      slug: "digital-transformation-enterprise",
-      author_id: 1,
-      category_id: 1,
-      thumbnail: "/images/blog/four.png",
-      published: true,
-      category_title: "Development",
-      category_slug: "development",
-      author_name: "Sarah Wilson",
-      created_at: "2024-01-01T16:45:00Z",
-      updated_at: "2024-01-01T16:45:00Z"
+  const { posts: allPosts, loading, error, totalCount } = useBlogPosts({
+    category: active === "all" ? undefined : active,
+    page: currentPage,
+    page_size: postsPerPage
+  });
+  const [displayData, setDisplayData] = useState<any[]>([]);
+
+  useEffect(() => {
+    if (!loading && allPosts.length > 0) {
+      setDisplayData(allPosts);
     }
-  ];
-  
-  const [displayData, setDisplayData] = useState(allPosts);
+  }, [allPosts, loading]);
+
+  // Calculate and update total pages when totalCount changes
+  useEffect(() => {
+    if (totalCount !== undefined && totalCount !== null) {
+      const calculatedTotalPages = Math.ceil(totalCount / postsPerPage);
+      onTotalPagesChange(calculatedTotalPages);
+    }
+  }, [totalCount, postsPerPage, onTotalPagesChange]);
 
   const handleCategoryClick = (category: SetStateAction<string>) => {
     if (category === active) return;
     setActive(category);
     setDisplayData([]);
+    onPageChange(1); // Reset to page 1 when category changes
 
-    if (category === "all") {
-      setDisplayData(allPosts);
-      return;
-    }
-
-    const filteredData = allPosts.filter(
-      (item) => item.category_slug === category
-    );
-
-    setTimeout(() => {
-      setDisplayData(filteredData);
-    }, 600);
+    // The API call will be triggered by the change in active state
+    // which will update allPosts and trigger the useEffect above
   };
 
+  if (loading && displayData.length === 0) {
+    return (
+      <>
+        <PostFilterButtons active={active} handleClick={handleCategoryClick} />
+        <div className="row mt-60">
+          <div className="col-12">
+            <p className="text-center">Loading posts...</p>
+          </div>
+        </div>
+      </>
+    );
+  }
+
+  if (error) {
+    console.error('Error loading posts:', error);
+    return (
+      <>
+        <PostFilterButtons active={active} handleClick={handleCategoryClick} />
+        <div className="row mt-60">
+          <div className="col-12">
+            <p className="text-center text-danger">Error loading posts. Please try again later.</p>
+          </div>
+        </div>
+      </>
+    );
+  }
 
   return (
     <>
       <PostFilterButtons active={active} handleClick={handleCategoryClick} />
       <motion.div className="row mt-60 masonry-grid" layout>
         <AnimatePresence>
-          {displayData.slice(0, 8).map((item) => {
+          {displayData.map((item) => {
             return (
               <motion.div
                 className="col-12 col-lg-6 grid-item-main"
@@ -114,7 +93,7 @@ const PostFilterItems = () => {
                 <div className="tp-lp-slider__single topy-tilt">
                   <div className="thumb mb-24">
                     <Link
-                      href={`/blog/${item.slug}`}
+                      href={`/insights/${item.slug}`}
                       className="w-100 overflow-hidden d-block"
                      >
                       <div className="parallax-image-wrap">
@@ -137,7 +116,7 @@ const PostFilterItems = () => {
                       </p>
                       <span></span>
                       <p className="date text-xs text-tertiary">
-                        {new Date(item.created_at).toLocaleDateString('en-US', {
+                        {new Date(item.published_at || item.created_at).toLocaleDateString('en-US', {
                           day: 'numeric',
                           month: 'short',
                           year: 'numeric'
@@ -145,7 +124,7 @@ const PostFilterItems = () => {
                       </p>
                     </div>
                     <h5 className="mt-8 fw-5 text-secondary">
-                      <Link href={`/blog/${item.slug}`}>{item.title}</Link>
+                      <Link href={`/insights/${item.slug}`}>{item.title}</Link>
                     </h5>
                   </div>
                 </div>
diff --git a/gnx-react/components/pages/case-study/CaseItems.tsx b/gnx-react/components/pages/case-study/CaseItems.tsx
index 99636cdd..e54ce04b 100644
--- a/gnx-react/components/pages/case-study/CaseItems.tsx
+++ b/gnx-react/components/pages/case-study/CaseItems.tsx
@@ -1,26 +1,37 @@
 "use client";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import Image from "next/legacy/image";
 import Link from "next/link";
+import { useCaseStudies, useClients } from "@/lib/hooks/useCaseStudy";
+import { getImageUrl } from "@/lib/imageUtils";
 import one from "@/public/images/case/one.png";
-import two from "@/public/images/case/two.png";
-import three from "@/public/images/case/three.png";
-import four from "@/public/images/case/four.png";
-import five from "@/public/images/case/five.png";
-import six from "@/public/images/case/six.png";
-import seven from "@/public/images/case/seven.png";
-import eight from "@/public/images/case/eight.png";
-import thirteen from "@/public/images/case/thirteen.png";
-import fourteen from "@/public/images/case/fourteen.png";
-import fifteen from "@/public/images/case/fifteen.png";
-import sixteen from "@/public/images/case/sixteen.png";
 
 const CaseItems = () => {
   const [activeTabIndex, setActiveTabIndex] = useState(0);
+  const { caseStudies, loading: casesLoading } = useCaseStudies();
+  const { clients, loading: clientsLoading } = useClients();
 
   const handleTabClick = (index: number) => {
     setActiveTabIndex(index);
   };
+  
+  // Filter case studies by category
+  const caseStudiesData = caseStudies.filter((cs) => !cs.client);
+  const clientCaseStudies = caseStudies.filter((cs) => cs.client);
+  
+  if (casesLoading || clientsLoading) {
+    return (
+      <section className="fix-top pb-120 c-study">
+        <div className="container">
+          <div className="row">
+            <div className="col-12">
+              <p className="text-center">Loading case studies...</p>
+            </div>
+          </div>
+        </div>
+      </section>
+    );
+  }
 
   return (
     <section className="fix-top pb-120 c-study">
@@ -79,194 +90,38 @@ const CaseItems = () => {
                 }`}
               >
                 <div className="row vertical-column-gap-lg">
-                  <div className="col-12 col-lg-6">
-                    <div className="c-study-single">
-                      <div className="thumb mb-24">
-                        <Link href="case-study-single" className="w-100">
-                          <Image
-                            src={two}
-                            className="w-100 mh-300 "
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <Link href="case-study" className="mb-30 fw-6">
-                          3D Render
-                        </Link>
-                        <h4 className="fw-6 mt-8 text-secondary">
-                          <Link href="case-study-single">
-                            3D computer graphics, or “3D graphics.
+                  {caseStudiesData.map((caseStudy) => (
+                    <div key={caseStudy.id} className="col-12 col-lg-6">
+                      <div className="c-study-single">
+                        <div className="thumb mb-24">
+                          <Link href={`/case-study/${caseStudy.slug}`} className="w-100">
+                            <Image
+                              src={caseStudy.thumbnail ? getImageUrl(caseStudy.thumbnail) : one}
+                              className="w-100 mh-300"
+                              alt={caseStudy.title}
+                              width={600}
+                              height={400}
+                            />
                           </Link>
-                        </h4>
+                        </div>
+                        <div className="content">
+                          <Link href={`/case-study/${caseStudy.slug}`} className="mb-30 fw-6">
+                            {caseStudy.category_name || 'Case Study'}
+                          </Link>
+                          <h4 className="fw-6 mt-8 text-secondary">
+                            <Link href={`/case-study/${caseStudy.slug}`}>
+                              {caseStudy.title}
+                            </Link>
+                          </h4>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div className="col-12 col-lg-6">
-                    <div className="c-study-single">
-                      <div className="thumb mb-24">
-                        <Link href="case-study-single" className="w-100">
-                          <Image
-                            src={one}
-                            className="w-100 mh-300 "
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <Link href="case-study" className="mb-30 fw-6">
-                          3D Render
-                        </Link>
-                        <h4 className="fw-6 mt-8 text-secondary">
-                          <Link href="case-study-single">
-                            Artificial intelligence is the simulation of human
-                            processes.
-                          </Link>
-                        </h4>
-                      </div>
+                  ))}
+                  {caseStudiesData.length === 0 && (
+                    <div className="col-12">
+                      <p className="text-center">No case studies found.</p>
                     </div>
-                  </div>
-                  <div className="col-12 col-lg-6">
-                    <div className="c-study-single">
-                      <div className="thumb mb-24">
-                        <Link href="case-study-single" className="w-100">
-                          <Image
-                            src={three}
-                            className="w-100 mh-300 "
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <Link href="case-study" className="mb-30 fw-6">
-                          UI / UX
-                        </Link>
-                        <h4 className="fw-6 mt-8 text-secondary">
-                          <Link href="case-study-single">
-                            User experience (UX) design is the process design
-                            teams.
-                          </Link>
-                        </h4>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="col-12 col-lg-6">
-                    <div className="c-study-single">
-                      <div className="thumb mb-24">
-                        <Link href="case-study-single" className="w-100">
-                          <Image
-                            src={four}
-                            className="w-100 mh-300 "
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <Link href="case-study" className="mb-30 fw-6">
-                          Photography
-                        </Link>
-                        <h4 className="fw-6 mt-8 text-secondary">
-                          <Link href="case-study-single">
-                            Photography is the art, application, and practice.
-                          </Link>
-                        </h4>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="col-12 col-lg-6">
-                    <div className="c-study-single">
-                      <div className="thumb mb-24">
-                        <Link href="case-study-single" className="w-100">
-                          <Image
-                            src={five}
-                            className="w-100 mh-300 "
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <Link href="case-study" className="mb-30 fw-6">
-                          UI / UX
-                        </Link>
-                        <h4 className="fw-6 mt-8 text-secondary">
-                          <Link href="case-study-single">
-                            UX case study for a medical app- medical product
-                            design.
-                          </Link>
-                        </h4>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="col-12 col-lg-6">
-                    <div className="c-study-single">
-                      <div className="thumb mb-24">
-                        <Link href="case-study-single" className="w-100">
-                          <Image
-                            src={six}
-                            className="w-100 mh-300 "
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <Link href="case-study" className="mb-30 fw-6">
-                          Icon Set
-                        </Link>
-                        <h4 className="fw-6 mt-8 text-secondary">
-                          <Link href="case-study-single">
-                            Make icon set for the educational project.
-                          </Link>
-                        </h4>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="col-12 col-lg-6">
-                    <div className="c-study-single">
-                      <div className="thumb mb-24">
-                        <Link href="case-study-single" className="w-100">
-                          <Image
-                            src={seven}
-                            className="w-100 mh-300 "
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <Link href="case-study" className="mb-30 fw-6">
-                          AI
-                        </Link>
-                        <h4 className="fw-6 mt-8 text-secondary">
-                          <Link href="case-study-single">
-                            User experience (UX) design is the process design
-                            teams.
-                          </Link>
-                        </h4>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="col-12 col-lg-6">
-                    <div className="c-study-single">
-                      <div className="thumb mb-24">
-                        <Link href="case-study-single" className="w-100">
-                          <Image
-                            src={eight}
-                            className="w-100 mh-300 "
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <Link href="case-study" className="mb-30 fw-6">
-                          Road Map
-                        </Link>
-                        <h4 className="fw-6 mt-8 text-secondary">
-                          <Link href="case-study-single">
-                            UX site rode map app product design system
-                          </Link>
-                        </h4>
-                      </div>
-                    </div>
-                  </div>
+                  )}
                 </div>
               </div>
               <div
@@ -275,154 +130,48 @@ const CaseItems = () => {
                 }`}
               >
                 <div className="row vertical-column-gap-lg">
-                  <div className="col-12">
-                    <div className="row vertical-column-gap-md align-items-center">
-                      <div className="col-12 col-lg-6">
-                        <div className="c-tab__client">
-                          <h2 className="mt-8 fw-7 title-anim text-secondary mb-24">
-                            Tarapio
-                          </h2>
-                          <p className="cur-lg">
-                            Lorem ipsum dolor sit amet consectetur. Pharetra sit
-                            amet est tellus nibh sit lacus in duis. Condimentum
-                            tellus sit pharetra consectetur magna massa. In odio
-                            leo pellentesque aenean egestas est risus etiam.
-                            Quam in nunc consectetur blandit id.
-                          </p>
-                          <div className="mt-40">
-                            <Link
-                              href="case-study-single"
-                              className="btn-anim btn-anim-light"
-                             >
-                              Read More
-                              <i className="fa-solid fa-arrow-trend-up"></i>
-                              <span></span>
-                            </Link>
+                  {clientCaseStudies.map((caseStudy, index) => (
+                    <div key={caseStudy.id} className="col-12">
+                      <div className={`row vertical-column-gap-md align-items-center ${index % 2 === 1 ? 'flex-row-reverse' : ''}`}>
+                        <div className="col-12 col-lg-6">
+                          <div className="c-tab__client">
+                            <h2 className="mt-8 fw-7 title-anim text-secondary mb-24">
+                              {caseStudy.client?.name || caseStudy.title}
+                            </h2>
+                            <p className="cur-lg">
+                              {caseStudy.excerpt || caseStudy.client?.description}
+                            </p>
+                            <div className="mt-40">
+                              <Link
+                                href={`/case-study/${caseStudy.slug}`}
+                                className="btn-anim btn-anim-light"
+                              >
+                                Read More
+                                <i className="fa-solid fa-arrow-trend-up"></i>
+                                <span></span>
+                              </Link>
+                            </div>
                           </div>
                         </div>
-                      </div>
-                      <div className="col-12 col-lg-6 col-xxl-5 offset-xxl-1">
-                        <div className="c-tab__thumb">
-                          <Image
-                            src={thirteen}
-                            className="w-100 mh-300"
-                            alt="Image"
-                          />
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="col-12">
-                    <div className="row vertical-column-gap-md align-items-center">
-                      <div className="col-12 col-lg-6 col-xxl-5">
-                        <div className="c-tab__thumb">
-                          <Image
-                            src={fourteen}
-                            className="w-100 mh-300"
-                            alt="Image"
-                          />
-                        </div>
-                      </div>
-                      <div className="col-12 col-lg-6 offset-xxl-1">
-                        <div className="c-tab__client">
-                          <h2 className="mt-8 fw-7 title-anim text-secondary mb-24">
-                            Melenpo
-                          </h2>
-                          <p className="cur-lg">
-                            Lorem ipsum dolor sit amet consectetur. Pharetra sit
-                            amet est tellus nibh sit lacus in duis. Condimentum
-                            tellus sit pharetra consectetur magna massa. In odio
-                            leo pellentesque aenean egestas est risus etiam.
-                            Quam in nunc consectetur blandit id.
-                          </p>
-                          <div className="mt-40">
-                            <Link
-                              href="case-study-single"
-                              className="btn-anim btn-anim-light"
-                             >
-                              Read More
-                              <i className="fa-solid fa-arrow-trend-up"></i>
-                              <span></span>
-                            </Link>
+                        <div className={`col-12 col-lg-6 col-xxl-5 ${index % 2 === 0 ? 'offset-xxl-1' : ''}`}>
+                          <div className="c-tab__thumb">
+                            <Image
+                              src={caseStudy.thumbnail ? getImageUrl(caseStudy.thumbnail) : one}
+                              className="w-100 mh-300"
+                              alt={caseStudy.client?.name || caseStudy.title}
+                              width={600}
+                              height={400}
+                            />
                           </div>
                         </div>
                       </div>
                     </div>
-                  </div>
-                  <div className="col-12">
-                    <div className="row vertical-column-gap-md align-items-center">
-                      <div className="col-12 col-lg-6">
-                        <div className="c-tab__client">
-                          <h2 className="mt-8 fw-7 title-anim text-secondary mb-24">
-                            Polax
-                          </h2>
-                          <p className="cur-lg">
-                            Lorem ipsum dolor sit amet consectetur. Pharetra sit
-                            amet est tellus nibh sit lacus in duis. Condimentum
-                            tellus sit pharetra consectetur magna massa. In odio
-                            leo pellentesque aenean egestas est risus etiam.
-                            Quam in nunc consectetur blandit id.
-                          </p>
-                          <div className="mt-40">
-                            <Link
-                              href="case-study-single"
-                              className="btn-anim btn-anim-light"
-                             >
-                              Read More
-                              <i className="fa-solid fa-arrow-trend-up"></i>
-                              <span></span>
-                            </Link>
-                          </div>
-                        </div>
-                      </div>
-                      <div className="col-12 col-lg-6 col-xxl-5 offset-xxl-1">
-                        <div className="c-tab__thumb">
-                          <Image
-                            src={fifteen}
-                            className="w-100 mh-300"
-                            alt="Image"
-                          />
-                        </div>
-                      </div>
+                  ))}
+                  {clientCaseStudies.length === 0 && (
+                    <div className="col-12">
+                      <p className="text-center">No client case studies found.</p>
                     </div>
-                  </div>
-                  <div className="col-12">
-                    <div className="row vertical-column-gap-md align-items-center">
-                      <div className="col-12 col-lg-6 col-xxl-5">
-                        <div className="c-tab__thumb">
-                          <Image
-                            src={sixteen}
-                            className="w-100 mh-300"
-                            alt="Image"
-                          />
-                        </div>
-                      </div>
-                      <div className="col-12 col-lg-6 offset-xxl-1">
-                        <div className="c-tab__client">
-                          <h2 className="mt-8 fw-7 title-anim text-secondary mb-24">
-                            AINA
-                          </h2>
-                          <p className="cur-lg">
-                            Lorem ipsum dolor sit amet consectetur. Pharetra sit
-                            amet est tellus nibh sit lacus in duis. Condimentum
-                            tellus sit pharetra consectetur magna massa. In odio
-                            leo pellentesque aenean egestas est risus etiam.
-                            Quam in nunc consectetur blandit id.
-                          </p>
-                          <div className="mt-40">
-                            <Link
-                              href="case-study-single"
-                              className="btn-anim btn-anim-light"
-                             >
-                              Read More
-                              <i className="fa-solid fa-arrow-trend-up"></i>
-                              <span></span>
-                            </Link>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
+                  )}
                 </div>
               </div>
             </div>
diff --git a/gnx-react/components/pages/case-study/CaseSingle.tsx b/gnx-react/components/pages/case-study/CaseSingle.tsx
index 50e262f9..ca65b549 100644
--- a/gnx-react/components/pages/case-study/CaseSingle.tsx
+++ b/gnx-react/components/pages/case-study/CaseSingle.tsx
@@ -1,12 +1,47 @@
+"use client";
+import { use } from 'react';
 import Image from "next/legacy/image";
+import { useCaseStudy } from "@/lib/hooks/useCaseStudy";
+import { getImageUrl } from "@/lib/imageUtils";
 import poster from "@/public/images/case/poster.png";
 import project from "@/public/images/case/project.png";
 import nine from "@/public/images/case/nine.png";
-import ten from "@/public/images/case/ten.png";
-import eleven from "@/public/images/case/eleven.png";
-import twelve from "@/public/images/case/twelve.png";
 
-const CaseSingle = () => {
+interface CaseSingleProps {
+  slug: string;
+}
+
+const CaseSingle = ({ slug }: CaseSingleProps) => {
+  const { caseStudy, loading, error } = useCaseStudy(slug);
+
+  if (loading) {
+    return (
+      <section className="c-details fix-top pb-120">
+        <div className="container">
+          <div className="row">
+            <div className="col-12">
+              <p className="text-center">Loading case study...</p>
+            </div>
+          </div>
+        </div>
+      </section>
+    );
+  }
+
+  if (error || !caseStudy) {
+    return (
+      <section className="c-details fix-top pb-120">
+        <div className="container">
+          <div className="row">
+            <div className="col-12">
+              <p className="text-center text-danger">Case study not found.</p>
+            </div>
+          </div>
+        </div>
+      </section>
+    );
+  }
+
   return (
     <section className="c-details fix-top pb-120">
       <div className="container">
@@ -14,16 +49,20 @@ const CaseSingle = () => {
           <div className="col-12">
             <div className="c-details-intro">
               <h2 className="mt-8 text-secondary title-anim fw-7">
-                Artificial intelligence is the simulation of human intelligence
-                processes.
+                {caseStudy.title}
               </h2>
+              {caseStudy.subtitle && (
+                <h4 className="mt-4 text-secondary">{caseStudy.subtitle}</h4>
+              )}
               <div className="poster mt-60 fade-top">
                 <div className="parallax-image-wrap">
                   <div className="parallax-image-inner">
                     <Image
-                      src={poster}
+                      src={caseStudy.poster_image ? getImageUrl(caseStudy.poster_image) : poster}
                       className="w-100 parallax-image mh-300"
-                      alt="Image"
+                      alt={caseStudy.title}
+                      width={1200}
+                      height={600}
                     />
                   </div>
                 </div>
@@ -34,17 +73,14 @@ const CaseSingle = () => {
                     <h2 className="mt-8 fw-7 text-secondary title-anim mb-24">
                       Project
                     </h2>
-                    <p className="cur-lg">
-                      Lorem ipsum dolor sit amet consectetur. Vestibulum
-                      malesuada amet sagittis urna. Mattis eget ultricies est
-                      morbi velit ultrices viverra elit facilisi. Amet est cras
-                      euismod accumsan ornare sagittis ut integer. Sagittis sed
-                      neque massa amet. Lorem vulputate nunc pulvinar maecenas
-                      convallis augue. Magna massa viverra tincidunt vitae lacus
-                      donec arcu consequat in. Maecenas dui nunc in convallis
-                      vulputate vitae lectus eu lacus donec arcu consequat in.
-                      Maecenas dui nunc in convallis vulputate vitae lectus eu.
-                    </p>
+                    {caseStudy.project_overview ? (
+                      <p className="cur-lg">{caseStudy.project_overview}</p>
+                    ) : (
+                      <div 
+                        className="cur-lg" 
+                        dangerouslySetInnerHTML={{ __html: caseStudy.description || '' }}
+                      />
+                    )}
                   </div>
                 </div>
                 <div className="col-12 col-lg-6 col-xxl-5 offset-xxl-1 fade-wrapper">
@@ -52,88 +88,50 @@ const CaseSingle = () => {
                     <div className="parallax-image-wrap">
                       <div className="parallax-image-inner">
                         <Image
-                          src={project}
+                          src={caseStudy.project_image ? getImageUrl(caseStudy.project_image) : project}
                           className="w-100 parallax-image mh-260"
-                          alt="Image"
+                          alt={`${caseStudy.title} - Project`}
+                          width={600}
+                          height={500}
                         />
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
-              <div className="row">
-                <div className="col-12">
-                  <div className="road-map__content">
-                    <h2 className="mt-8 fw-7 text-secondary title-anim mb-24">
-                      Site Map
-                    </h2>
-                    <p className="cur-lg">
-                      Lorem ipsum dolor sit amet consectetur. Vestibulum
-                      malesuada amet sagittis urna. Mattis eget ultricies est
-                      morbi velit ultrices viverra elit facilisi. Amet est cras
-                      euismod accumsan ornare sagittis ut integer. Sagittis sed
-                      neque massa amet. Lorem vulputate nunc pulvinar maecenas
-                      convallis augue. Magna massa viverra tincidunt vitae lacus
-                      donec arcu consequat in. Maecenas dui nunc in convallis
-                      vulputate vitae lectus eu.
-                    </p>
-                  </div>
-                </div>
-              </div>
-              <div className="row vertical-column-gap mt-60 fade-wrapper">
-                <div className="col-12 col-sm-6 col-xl-3">
-                  <div className="c-details-thumb fade-top">
-                    <div className="parallax-image-wrap">
-                      <div className="parallax-image-inner">
-                        <Image
-                          src={nine}
-                          className="w-100 mh-300 parallax-image"
-                          alt="Image"
-                        />
-                      </div>
+              {caseStudy.site_map_content && (
+                <div className="row">
+                  <div className="col-12">
+                    <div className="road-map__content">
+                      <h2 className="mt-8 fw-7 text-secondary title-anim mb-24">
+                        Site Map
+                      </h2>
+                      <p className="cur-lg">{caseStudy.site_map_content}</p>
                     </div>
                   </div>
                 </div>
-                <div className="col-12 col-sm-6 col-xl-3">
-                  <div className="c-details-thumb fade-top">
-                    <div className="parallax-image-wrap">
-                      <div className="parallax-image-inner">
-                        <Image
-                          src={ten}
-                          className="w-100 mh-300 parallax-image"
-                          alt="Image"
-                        />
+              )}
+              {caseStudy.gallery_images && caseStudy.gallery_images.length > 0 && (
+                <div className="row vertical-column-gap mt-60 fade-wrapper">
+                  {caseStudy.gallery_images.map((image) => (
+                    <div key={image.id} className="col-12 col-sm-6 col-xl-3">
+                      <div className="c-details-thumb fade-top">
+                        <div className="parallax-image-wrap">
+                          <div className="parallax-image-inner">
+                            <Image
+                              src={getImageUrl(image.image) || nine}
+                              className="w-100 mh-300 parallax-image"
+                              alt={image.caption || caseStudy.title}
+                              width={300}
+                              height={300}
+                            />
+                          </div>
+                        </div>
                       </div>
                     </div>
-                  </div>
+                  ))}
                 </div>
-                <div className="col-12 col-sm-6 col-xl-3">
-                  <div className="c-details-thumb fade-top">
-                    <div className="parallax-image-wrap">
-                      <div className="parallax-image-inner">
-                        <Image
-                          src={eleven}
-                          className="w-100 mh-300 parallax-image"
-                          alt="Image"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div className="col-12 col-sm-6 col-xl-3">
-                  <div className="c-details-thumb fade-top">
-                    <div className="parallax-image-wrap">
-                      <div className="parallax-image-inner">
-                        <Image
-                          src={twelve}
-                          className="w-100 mh-300 parallax-image"
-                          alt="Image"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
+              )}
             </div>
           </div>
         </div>
diff --git a/gnx-react/components/pages/case-study/Process.tsx b/gnx-react/components/pages/case-study/Process.tsx
index 10132820..b7a224a8 100644
--- a/gnx-react/components/pages/case-study/Process.tsx
+++ b/gnx-react/components/pages/case-study/Process.tsx
@@ -1,4 +1,17 @@
-const Process = () => {
+"use client";
+import { useCaseStudy } from "@/lib/hooks/useCaseStudy";
+
+interface ProcessProps {
+  slug: string;
+}
+
+const Process = ({ slug }: ProcessProps) => {
+  const { caseStudy, loading } = useCaseStudy(slug);
+
+  if (loading || !caseStudy || !caseStudy.process_steps || caseStudy.process_steps.length === 0) {
+    return null;
+  }
+
   return (
     <section className="pt-120 pb-120 tp-process bg-black sticky-wrapper">
       <div className="container">
@@ -6,64 +19,28 @@ const Process = () => {
           <div className="col-12 col-lg-6">
             <div className="process__content sticky-item">
               <h2 className="mt-8 title-anim text-white fw-7 mb-24">
-                Artificial intelligence Process
+                {caseStudy.title} Process
               </h2>
               <p className="cur-lg text-quinary">
-                Quisque varius malesuada dui, ut posuere purus gravida in.
-                Phasellus ultricies ullamcorper mollis. Pellentesque varius
-                lectus in massa placerat cursus. Donec in dictum nisl. In
-                maximus posuere leo nec porttitor.
+                {caseStudy.excerpt}
               </p>
             </div>
           </div>
           <div className="col-12 col-lg-6 col-xxl-5 offset-xxl-1">
             <div className="process__thumb sticky-item">
-              <div className="process__single">
-                <span className="op-text text-white mb-40 cur-lg">01</span>
-                <h5 className="mt-8 text-white mb-24 title-anim">
-                  Computer Vision
-                </h5>
-                <p className="cur-lg text-quinary">
-                  Quisque varius malesuada dui, ut posuere purus gravida in.
-                  Phasellus ultricies ullamcorper mollis.
-                </p>
-              </div>
-              <div className="process__single">
-                <span className="op-text text-white mb-40 cur-lg">02</span>
-                <h5 className="mt-8 text-white mb-24 title-anim">
-                  Computer Vision
-                </h5>
-                <p className="cur-lg text-quinary">
-                  Quisque varius malesuada dui, ut posuere purus gravida in.
-                  Phasellus ultricies ullamcorper mollis.
-                </p>
-              </div>
-              <div className="process__single">
-                <span className="op-text text-white mb-40 cur-lg">03</span>
-                <h5 className="mt-8 text-white mb-24 title-anim">3D Vision</h5>
-                <p className="cur-lg text-quinary">
-                  Quisque varius malesuada dui, ut posuere purus gravida in.
-                  Phasellus ultricies ullamcorper mollis.
-                </p>
-              </div>
-              <div className="process__single">
-                <span className="op-text text-white mb-40 cur-lg">04</span>
-                <h5 className="mt-8 text-white mb-24 title-anim">
-                  Computer Vision
-                </h5>
-                <p className="cur-lg text-quinary">
-                  Quisque varius malesuada dui, ut posuere purus gravida in.
-                  Phasellus ultricies ullamcorper mollis.
-                </p>
-              </div>
-              <div className="process__single">
-                <span className="op-text text-white mb-40 cur-lg">05</span>
-                <h5 className="mt-8 text-white mb-24 title-anim">3D Vision</h5>
-                <p className="cur-lg text-quinary">
-                  Quisque varius malesuada dui, ut posuere purus gravida in.
-                  Phasellus ultricies ullamcorper mollis.
-                </p>
-              </div>
+              {caseStudy.process_steps.map((step) => (
+                <div key={step.id} className="process__single">
+                  <span className="op-text text-white mb-40 cur-lg">
+                    {String(step.step_number).padStart(2, '0')}
+                  </span>
+                  <h5 className="mt-8 text-white mb-24 title-anim">
+                    {step.title}
+                  </h5>
+                  <p className="cur-lg text-quinary">
+                    {step.description}
+                  </p>
+                </div>
+              ))}
             </div>
           </div>
         </div>
diff --git a/gnx-react/components/pages/case-study/RelatedCase.tsx b/gnx-react/components/pages/case-study/RelatedCase.tsx
index f8d09fa2..6489df09 100644
--- a/gnx-react/components/pages/case-study/RelatedCase.tsx
+++ b/gnx-react/components/pages/case-study/RelatedCase.tsx
@@ -1,9 +1,21 @@
+"use client";
 import Image from "next/legacy/image";
 import Link from "next/link";
+import { useCaseStudy } from "@/lib/hooks/useCaseStudy";
+import { getImageUrl } from "@/lib/imageUtils";
 import one from "@/public/images/case/one.png";
-import two from "@/public/images/case/two.png";
 
-const RelatedCase = () => {
+interface RelatedCaseProps {
+  slug: string;
+}
+
+const RelatedCase = ({ slug }: RelatedCaseProps) => {
+  const { caseStudy, loading } = useCaseStudy(slug);
+
+  if (loading || !caseStudy || !caseStudy.related_case_studies || caseStudy.related_case_studies.length === 0) {
+    return null;
+  }
+
   return (
     <section className="pt-120 pb-120 c-study fade-wrapper">
       <div className="container">
@@ -15,61 +27,37 @@ const RelatedCase = () => {
           </div>
         </div>
         <div className="row vertical-column-gap-lg">
-          <div className="col-12 col-lg-6">
-            <div className="c-study-single fade-top">
-              <div className="thumb mb-24">
-                <Link href="case-study-single" className="w-100">
-                  <div className="parallax-image-wrap">
-                    <div className="parallax-image-inner">
-                      <Image
-                        src={two}
-                        className="w-100 mh-300 parallax-image"
-                        alt="Image"
-                      />
+          {caseStudy.related_case_studies.slice(0, 2).map((relatedCase) => (
+            <div key={relatedCase.id} className="col-12 col-lg-6">
+              <div className="c-study-single fade-top">
+                <div className="thumb mb-24">
+                  <Link href={`/case-study/${relatedCase.slug}`} className="w-100">
+                    <div className="parallax-image-wrap">
+                      <div className="parallax-image-inner">
+                        <Image
+                          src={relatedCase.thumbnail ? getImageUrl(relatedCase.thumbnail) : one}
+                          className="w-100 mh-300 parallax-image"
+                          alt={relatedCase.title}
+                          width={600}
+                          height={400}
+                        />
+                      </div>
                     </div>
-                  </div>
-                </Link>
-              </div>
-              <div className="content">
-                <Link href="case-study" className="mb-30 fw-6">
-                  3D Render
-                </Link>
-                <h4 className="fw-6 mt-8 text-secondary">
-                  <Link href="case-study-single">
-                    3D computer graphics, or “3D graphics.
                   </Link>
-                </h4>
+                </div>
+                <div className="content">
+                  <Link href={`/case-study/${relatedCase.slug}`} className="mb-30 fw-6">
+                    {relatedCase.category_name || 'Case Study'}
+                  </Link>
+                  <h4 className="fw-6 mt-8 text-secondary">
+                    <Link href={`/case-study/${relatedCase.slug}`}>
+                      {relatedCase.title}
+                    </Link>
+                  </h4>
+                </div>
               </div>
             </div>
-          </div>
-          <div className="col-12 col-lg-6">
-            <div className="c-study-single fade-top">
-              <div className="thumb mb-24">
-                <Link href="case-study-single" className="w-100">
-                  <div className="parallax-image-wrap">
-                    <div className="parallax-image-inner">
-                      <Image
-                        src={one}
-                        className="w-100 mh-300 parallax-image"
-                        alt="Image"
-                      />
-                    </div>
-                  </div>
-                </Link>
-              </div>
-              <div className="content">
-                <Link href="case-study" className="mb-30 fw-6">
-                  3D Render
-                </Link>
-                <h4 className="fw-6 mt-8 text-secondary">
-                  <Link href="case-study-single">
-                    Artificial intelligence is the simulation of human
-                    processes.
-                  </Link>
-                </h4>
-              </div>
-            </div>
-          </div>
+          ))}
         </div>
       </div>
     </section>
diff --git a/gnx-react/components/pages/home/HomeLatestPost.tsx b/gnx-react/components/pages/home/HomeLatestPost.tsx
index 37eea9f7..556c2f11 100644
--- a/gnx-react/components/pages/home/HomeLatestPost.tsx
+++ b/gnx-react/components/pages/home/HomeLatestPost.tsx
@@ -4,12 +4,12 @@ import Link from "next/link";
 import { Swiper, SwiperSlide } from "swiper/react";
 import { Autoplay } from "swiper/modules";
 import "swiper/swiper-bundle.css";
-import one from "@/public/images/blog/related-one.png";
-import two from "@/public/images/blog/related-two.png";
-import three from "@/public/images/blog/related-three.png";
-import four from "@/public/images/blog/related-four.png";
+import { useLatestPosts } from "@/lib/hooks/useBlog";
+import { getValidImageUrl, getValidImageAlt, FALLBACK_IMAGES } from "@/lib/imageUtils";
 
 const HomeLatestPost = () => {
+  const { posts, loading, error } = useLatestPosts(12); // Get 12 latest posts
+
   return (
     <section className="tp-latest-post pt-120 pb-120 bg-quinary">
       <div className="container">
@@ -17,14 +17,14 @@ const HomeLatestPost = () => {
           <div className="col-12 col-lg-7">
             <div className="tp-lp-title text-center text-lg-start">
               <h2 className="mt-8 fw-7 text-secondary title-anim">
-                Related posts
+                Latest Insights
               </h2>
             </div>
           </div>
           <div className="col-12 col-lg-5">
             <div className="tp-lp-cta text-center text-lg-end">
-              <Link href="blog" className="btn-line text-uppercase">
-                See All Posts
+              <Link href="/insights" className="btn-line text-uppercase">
+                View All Insights
               </Link>
             </div>
           </div>
@@ -32,397 +32,86 @@ const HomeLatestPost = () => {
         <div className="row">
           <div className="col-12">
             <div className="tp-lp-slider-wrapper mt-60">
-              <div className="tp-lp-slider-wrapper">
-                <Swiper
-                  slidesPerView={"auto"}
-                  spaceBetween={24}
-                  slidesPerGroup={1}
-                  freeMode={true}
-                  speed={1200}
-                  loop={true}
-                  roundLengths={true}
-                  modules={[Autoplay]}
-                  autoplay={{
-                    delay: 5000,
-                    disableOnInteraction: false,
-                    pauseOnMouseEnter: true,
-                  }}
-                  className="tp-lp-slider"
-                >
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={one}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
+              {loading ? (
+                <div className="text-center py-5">
+                  <div className="spinner-border text-primary" role="status">
+                    <span className="visually-hidden">Loading...</span>
+                  </div>
+                  <p className="text-tertiary mt-3">Loading insights...</p>
+                </div>
+              ) : error ? (
+                <div className="text-center py-5">
+                  <p className="text-danger">Error loading insights. Please try again later.</p>
+                </div>
+              ) : posts.length === 0 ? (
+                <div className="text-center py-5">
+                  <p className="text-tertiary">No insights available yet.</p>
+                </div>
+              ) : (
+                <div className="tp-lp-slider-wrapper">
+                  <Swiper
+                    slidesPerView={"auto"}
+                    spaceBetween={24}
+                    slidesPerGroup={1}
+                    freeMode={true}
+                    speed={1200}
+                    loop={posts.length > 3}
+                    roundLengths={true}
+                    modules={[Autoplay]}
+                    autoplay={{
+                      delay: 5000,
+                      disableOnInteraction: false,
+                      pauseOnMouseEnter: true,
+                    }}
+                    className="tp-lp-slider"
+                  >
+                    {posts.map((post) => (
+                      <SwiperSlide key={post.id}>
+                        <div className="tp-lp-slider__single topy-tilt">
+                          <div className="thumb mb-24">
+                            <Link 
+                              href={`/insights/${post.slug}`} 
+                              className="w-100 overflow-hidden d-block"
+                            >
+                              <div className="parallax-image-wrap">
+                                <div className="parallax-image-inner">
+                                  <Image
+                                    src={getValidImageUrl(post.thumbnail, FALLBACK_IMAGES.BLOG)}
+                                    width={400}
+                                    height={220}
+                                    className="w-100 mh-220 parallax-image"
+                                    alt={getValidImageAlt(post.title)}
+                                  />
+                                </div>
+                              </div>
+                            </Link>
+                          </div>
+                          <div className="content">
+                            <div className="tp-lp-post__meta mb-24 mt-8">
+                              <p className="author text-xs text-tertiary">
+                                {post.author_name || 'Admin'}
+                              </p>
+                              <span></span>
+                              <p className="date text-xs text-tertiary">
+                                {new Date(post.published_at || post.created_at).toLocaleDateString('en-US', {
+                                  day: 'numeric',
+                                  month: 'short',
+                                  year: 'numeric'
+                                })}
+                              </p>
+                            </div>
+                            <h5 className="mt-8 fw-5 text-secondary">
+                              <Link href={`/insights/${post.slug}`}>
+                                {post.title}
+                              </Link>
+                            </h5>
+                          </div>
                         </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={two}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={three}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={four}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={one}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={two}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={three}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={four}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={one}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={two}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={three}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                  <SwiperSlide>
-                    <div className="tp-lp-slider__single topy-tilt">
-                      <div className="thumb mb-24">
-                        <Link href="blog-single" className="w-100 overflow-hidden">
-                          <Image
-                            src={four}
-                            width={400}
-                            height={220}
-                            className="w-100 mh-220"
-                            alt="Image"
-                          />
-                        </Link>
-                      </div>
-                      <div className="content">
-                        <div className="tp-lp-post__meta mb-24 mt-8">
-                          <p className="author text-xs text-tertiary">
-                            Denial Lio
-                          </p>
-                          <span></span>
-                          <p className="date text-xs text-tertiary">
-                            18 Dec 2022
-                          </p>
-                        </div>
-                        <h5 className="mt-8 fw-5 text-secondary">
-                          <Link href="blog-single">
-                            Tackling data of annotation problems in healthcare
-                          </Link>
-                        </h5>
-                      </div>
-                    </div>
-                  </SwiperSlide>
-                </Swiper>
-              </div>
+                      </SwiperSlide>
+                    ))}
+                  </Swiper>
+                </div>
+              )}
             </div>
           </div>
         </div>
diff --git a/gnx-react/components/pages/home/Story.tsx b/gnx-react/components/pages/home/Story.tsx
index d21db182..6d2b93c9 100644
--- a/gnx-react/components/pages/home/Story.tsx
+++ b/gnx-react/components/pages/home/Story.tsx
@@ -1,72 +1,92 @@
 "use client";
-import { useState, useEffect } from "react";
+import { useState, useEffect, useMemo } from "react";
 import Image from "next/legacy/image";
 import Link from "next/link";
 import { getValidImageUrl, FALLBACK_IMAGES } from "@/lib/imageUtils";
+import { useCaseStudies } from "@/lib/hooks/useCaseStudy";
+import { API_CONFIG } from "@/lib/config/api";
 
 const Story = () => {
   const [activeIndex, setActiveIndex] = useState(0);
   const [activeImageIndex, setActiveImageIndex] = useState(0);
   
-  // Static case studies data
-  const storyData = [
+  // Fetch case studies from API with ordering and limit
+  const params = useMemo(() => ({
+    ordering: 'display_order',
+    page_size: 5
+  }), []);
+  
+  const { caseStudies, loading, error } = useCaseStudies(params);
+  
+  // Fallback to static data if API fails or is loading
+  const staticStoryData = [
     {
       id: 1,
-      destination: "Financial Services",
+      category_name: "Financial Services",
       title: "Banking System Modernization",
-      subtitle: "Complete digital transformation of legacy banking systems with enhanced security and real-time processing capabilities.",
-      image: "/images/case/one.png",
-      path: "/case-study/banking-system-modernization",
+      excerpt: "Complete digital transformation of legacy banking systems with enhanced security and real-time processing capabilities.",
+      thumbnail: "/images/case/one.png",
+      slug: "banking-system-modernization",
       display_order: 1,
       created_at: new Date().toISOString(),
       updated_at: new Date().toISOString()
     },
     {
       id: 2,
-      destination: "Healthcare",
+      category_name: "Healthcare",
       title: "Patient Management System",
-      subtitle: "Enterprise-grade patient management system with HIPAA compliance and seamless integration across multiple healthcare facilities.",
-      image: "/images/case/two.png",
-      path: "/case-study/patient-management-system",
+      excerpt: "Enterprise-grade patient management system with HIPAA compliance and seamless integration across multiple healthcare facilities.",
+      thumbnail: "/images/case/two.png",
+      slug: "patient-management-system",
       display_order: 2,
       created_at: new Date().toISOString(),
       updated_at: new Date().toISOString()
     },
     {
       id: 3,
-      destination: "Manufacturing",
+      category_name: "Manufacturing",
       title: "Supply Chain Optimization",
-      subtitle: "Advanced supply chain management system with real-time tracking, predictive analytics, and automated inventory management.",
-      image: "/images/case/three.png",
-      path: "/case-study/supply-chain-optimization",
+      excerpt: "Advanced supply chain management system with real-time tracking, predictive analytics, and automated inventory management.",
+      thumbnail: "/images/case/three.png",
+      slug: "supply-chain-optimization",
       display_order: 3,
       created_at: new Date().toISOString(),
       updated_at: new Date().toISOString()
     },
     {
       id: 4,
-      destination: "E-commerce",
+      category_name: "E-commerce",
       title: "Multi-Platform Integration",
-      subtitle: "Seamless integration of multiple e-commerce platforms with unified inventory management and real-time synchronization.",
-      image: "/images/case/four.png",
-      path: "/case-study/multi-platform-integration",
+      excerpt: "Seamless integration of multiple e-commerce platforms with unified inventory management and real-time synchronization.",
+      thumbnail: "/images/case/four.png",
+      slug: "multi-platform-integration",
       display_order: 4,
       created_at: new Date().toISOString(),
       updated_at: new Date().toISOString()
     },
     {
       id: 5,
-      destination: "Education",
+      category_name: "Education",
       title: "Learning Management System",
-      subtitle: "Comprehensive LMS with advanced analytics, automated grading, and seamless integration with existing educational tools.",
-      image: "/images/case/five.png",
-      path: "/case-study/learning-management-system",
+      excerpt: "Comprehensive LMS with advanced analytics, automated grading, and seamless integration with existing educational tools.",
+      thumbnail: "/images/case/five.png",
+      slug: "learning-management-system",
       display_order: 5,
       created_at: new Date().toISOString(),
       updated_at: new Date().toISOString()
     }
   ];
 
+  // Use API data if available, otherwise use static data
+  const storyData = caseStudies.length > 0 ? caseStudies : staticStoryData;
+  
+  // Log when API data is loaded
+  useEffect(() => {
+    if (caseStudies.length > 0) {
+      console.log('Case studies loaded from API:', caseStudies.length);
+    }
+  }, [caseStudies]);
+
   const handleMouseEnter = (index: number) => {
     setActiveIndex(index);
     setActiveImageIndex(index);
@@ -93,12 +113,14 @@ const Story = () => {
                       onMouseEnter={() => handleMouseEnter(index)}
                     >
                       <p className="fw-6 mt-8">
-                        <Link href={`${item.path}`}>{item.destination}</Link>
+                        <Link href={`/case-study/${item.slug}`}>
+                          {item.category_name || "Case Study"}
+                        </Link>
                       </p>
                       <h5 className="fw-4 mt-12 mb-12 text-white">
                         {item.title}
                       </h5>
-                      <p className="text-xs">{item.subtitle}</p>
+                      <p className="text-xs">{item.excerpt}</p>
                     </div>
                   );
                 })}
@@ -108,6 +130,26 @@ const Story = () => {
           <div className="col-12 col-lg-7 col-xxl-6 offset-xxl-1 d-none d-lg-block">
             <div className="tp-story__thumbs sticky-item">
               {storyData.map((item, index) => {
+                // Get the image URL - handle different scenarios
+                let imageUrl;
+                if (item.thumbnail) {
+                  if (item.thumbnail.startsWith('http')) {
+                    // Full URL (external)
+                    imageUrl = item.thumbnail;
+                  } else if (item.thumbnail.startsWith('/media')) {
+                    // Relative path starting with /media
+                    imageUrl = `${API_CONFIG.BASE_URL}${item.thumbnail}`;
+                  } else {
+                    // Just filename or relative path
+                    imageUrl = `${API_CONFIG.MEDIA_URL}/${item.thumbnail}`;
+                  }
+                  console.log('Case study image URL:', item.title, '→', imageUrl);
+                } else {
+                  // Fallback to static image
+                  imageUrl = getValidImageUrl('/images/case/one.png', FALLBACK_IMAGES.CASE_STUDY);
+                  console.log('Using fallback image for:', item.title);
+                }
+                  
                 return (
                   <div
                     key={index}
@@ -116,11 +158,11 @@ const Story = () => {
                     }`}
                   >
                     <Image
-                      src={getValidImageUrl(item.image, FALLBACK_IMAGES.CASE_STUDY)}
+                      src={imageUrl}
                       width={600}
                       height={300}
                       className="w-100 mh-300"
-                      alt="Image"
+                      alt={item.title || "Case Study"}
                     />
                   </div>
                 );
diff --git a/gnx-react/components/shared/layout/footer/Footer.tsx b/gnx-react/components/shared/layout/footer/Footer.tsx
index f97ddc72..25113aed 100644
--- a/gnx-react/components/shared/layout/footer/Footer.tsx
+++ b/gnx-react/components/shared/layout/footer/Footer.tsx
@@ -1,9 +1,6 @@
 "use client";
-import { useEffect } from "react";
 import Link from "next/link";
 import Image from "next/legacy/image";
-import gsap from "gsap";
-import ScrollTrigger from "gsap/dist/ScrollTrigger";
 import location from "@/public/images/footer/location.png";
 import phone from "@/public/images/footer/phone.png";
 import gmail from "@/public/images/footer/gmail.png";
@@ -33,24 +30,6 @@ const Footer = () => {
     })
   };
 
-  useEffect(() => {
-    gsap.registerPlugin(ScrollTrigger);
-    gsap.set(".foot-fade", {
-      x: -100,
-      opacity: 0,
-    });
-
-    ScrollTrigger.batch(".foot-fade", {
-      start: "-100px bottom",
-      onEnter: (elements) =>
-        gsap.to(elements, {
-          x: 0,
-          opacity: 1,
-          stagger: 0.3,
-        }),
-    });
-  }, []);
-
   // Get logo URL from static data
   const logoSrc = headerData.logoUrl;
 
@@ -80,8 +59,8 @@ const Footer = () => {
                         width={160}
                         height={120}
                         style={{ 
-                          height: 'auto', 
-                          maxHeight: '120px'
+                          width: 'auto',
+                          height: 'auto'
                         }} 
                       />
                     </Link>
@@ -132,7 +111,7 @@ const Footer = () => {
             <div className="footer-section">
               <h6 className="text-white fm fw-6 mb-24">Resources</h6>
               <ul className="footer-links">
-                <li><Link href="blog">Software Blog</Link></li>
+                <li><Link href="/insights">Software Insights</Link></li>
                 <li><Link href="case-study">Development Resources</Link></li>
                 <li><Link href="services">API Documentation</Link></li>
                 <li><Link href="contact-us">Technical Support</Link></li>
diff --git a/gnx-react/components/shared/layout/header/Header.tsx b/gnx-react/components/shared/layout/header/Header.tsx
index aaadca12..6eca117c 100644
--- a/gnx-react/components/shared/layout/header/Header.tsx
+++ b/gnx-react/components/shared/layout/header/Header.tsx
@@ -155,7 +155,9 @@ const Header = () => {
                         alt="Logo" 
                         width={160}
                         height={120}
+                        priority
                         style={{ 
+                          width: 'auto',
                           height: 'auto'
                         }} 
                       />
diff --git a/gnx-react/lib/api/blogService.ts b/gnx-react/lib/api/blogService.ts
new file mode 100644
index 00000000..4191f642
--- /dev/null
+++ b/gnx-react/lib/api/blogService.ts
@@ -0,0 +1,437 @@
+import { API_CONFIG } from '../config/api';
+
+// Types for Blog API
+export interface BlogAuthor {
+  id: number;
+  name: string;
+  email?: string;
+  bio?: string;
+  avatar?: string;
+}
+
+export interface BlogCategory {
+  id: number;
+  title: string;
+  slug: string;
+  description?: string;
+  display_order: number;
+  posts_count?: number;
+}
+
+export interface BlogTag {
+  id: number;
+  name: string;
+  slug: string;
+}
+
+export interface BlogPost {
+  id: number;
+  title: string;
+  slug: string;
+  content?: string;
+  excerpt: string;
+  thumbnail?: string;
+  featured_image?: string;
+  author?: BlogAuthor;
+  author_name?: string;
+  category?: BlogCategory;
+  category_title?: string;
+  category_slug?: string;
+  tags?: BlogTag[];
+  meta_description?: string;
+  meta_keywords?: string;
+  published: boolean;
+  featured: boolean;
+  views_count: number;
+  reading_time: number;
+  published_at: string;
+  created_at: string;
+  updated_at: string;
+  related_posts?: BlogPost[];
+}
+
+export interface BlogPostListResponse {
+  count: number;
+  next: string | null;
+  previous: string | null;
+  results: BlogPost[];
+}
+
+export interface BlogComment {
+  id: number;
+  post: number;
+  name: string;
+  email: string;
+  content: string;
+  parent?: number;
+  is_approved: boolean;
+  created_at: string;
+  updated_at: string;
+  replies?: BlogComment[];
+}
+
+export interface BlogCommentCreateData {
+  post: number;
+  name: string;
+  email: string;
+  content: string;
+  parent?: number;
+}
+
+// Helper function to build query string
+const buildQueryString = (params: Record<string, any>): string => {
+  const searchParams = new URLSearchParams();
+  Object.entries(params).forEach(([key, value]) => {
+    if (value !== undefined && value !== null && value !== '') {
+      searchParams.append(key, value.toString());
+    }
+  });
+  return searchParams.toString();
+};
+
+// Blog API functions
+export const blogService = {
+  // Get all blog posts with optional filtering
+  getPosts: async (params?: {
+    category?: string;
+    tag?: string;
+    author?: number;
+    search?: string;
+    featured?: boolean;
+    ordering?: string;
+    page?: number;
+    page_size?: number;
+  }): Promise<BlogPostListResponse> => {
+    try {
+      const queryString = params ? buildQueryString(params) : '';
+      const url = `${API_CONFIG.BASE_URL}/api/blog/posts/${queryString ? `?${queryString}` : ''}`;
+      
+      const response = await fetch(url, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching blog posts:', error);
+      throw error;
+    }
+  },
+
+  // Get a single blog post by slug
+  getPostBySlug: async (slug: string): Promise<BlogPost> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/posts/${slug}/`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching blog post:', error);
+      throw error;
+    }
+  },
+
+  // Get featured blog posts
+  getFeaturedPosts: async (): Promise<BlogPost[]> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/posts/featured/`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching featured posts:', error);
+      throw error;
+    }
+  },
+
+  // Get latest blog posts
+  getLatestPosts: async (limit: number = 5): Promise<BlogPost[]> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/posts/latest/?limit=${limit}`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching latest posts:', error);
+      throw error;
+    }
+  },
+
+  // Get popular blog posts
+  getPopularPosts: async (limit: number = 5): Promise<BlogPost[]> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/posts/popular/?limit=${limit}`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching popular posts:', error);
+      throw error;
+    }
+  },
+
+  // Get related posts for a specific post
+  getRelatedPosts: async (postSlug: string): Promise<BlogPost[]> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/posts/${postSlug}/related/`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching related posts:', error);
+      throw error;
+    }
+  },
+
+  // Get all blog categories
+  getCategories: async (): Promise<BlogCategory[]> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/categories/`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return Array.isArray(data) ? data : data.results || [];
+    } catch (error) {
+      console.error('Error fetching blog categories:', error);
+      throw error;
+    }
+  },
+
+  // Get categories with posts
+  getCategoriesWithPosts: async (): Promise<BlogCategory[]> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/categories/with_posts/`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching categories with posts:', error);
+      throw error;
+    }
+  },
+
+  // Get a single category by slug
+  getCategoryBySlug: async (slug: string): Promise<BlogCategory> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/categories/${slug}/`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching blog category:', error);
+      throw error;
+    }
+  },
+
+  // Get all blog tags
+  getTags: async (): Promise<BlogTag[]> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/tags/`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return Array.isArray(data) ? data : data.results || [];
+    } catch (error) {
+      console.error('Error fetching blog tags:', error);
+      throw error;
+    }
+  },
+
+  // Get posts by tag
+  getPostsByTag: async (tagSlug: string): Promise<BlogPostListResponse> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/tags/${tagSlug}/posts/`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching posts by tag:', error);
+      throw error;
+    }
+  },
+
+  // Get all blog authors
+  getAuthors: async (): Promise<BlogAuthor[]> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/authors/`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return Array.isArray(data) ? data : data.results || [];
+    } catch (error) {
+      console.error('Error fetching blog authors:', error);
+      throw error;
+    }
+  },
+
+  // Get posts by author
+  getPostsByAuthor: async (authorId: number): Promise<BlogPostListResponse> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/authors/${authorId}/posts/`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching posts by author:', error);
+      throw error;
+    }
+  },
+
+  // Get comments for a post
+  getComments: async (postId: number): Promise<BlogComment[]> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/comments/?post=${postId}`, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return Array.isArray(data) ? data : data.results || [];
+    } catch (error) {
+      console.error('Error fetching comments:', error);
+      throw error;
+    }
+  },
+
+  // Create a new comment
+  createComment: async (commentData: BlogCommentCreateData): Promise<{ message: string; data: BlogComment }> => {
+    try {
+      const response = await fetch(`${API_CONFIG.BASE_URL}/api/blog/comments/`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(commentData),
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error creating comment:', error);
+      throw error;
+    }
+  },
+};
+
diff --git a/gnx-react/lib/api/caseStudyService.ts b/gnx-react/lib/api/caseStudyService.ts
new file mode 100644
index 00000000..bd4a835b
--- /dev/null
+++ b/gnx-react/lib/api/caseStudyService.ts
@@ -0,0 +1,375 @@
+import { API_CONFIG } from '../config/api';
+
+// Types for Case Study API
+export interface CaseStudyCategory {
+  id: number;
+  name: string;
+  slug: string;
+  description?: string;
+  display_order: number;
+  case_studies_count?: number;
+}
+
+export interface Client {
+  id: number;
+  name: string;
+  slug: string;
+  logo?: string;
+  description?: string;
+  website?: string;
+}
+
+export interface CaseStudyImage {
+  id: number;
+  image: string;
+  caption?: string;
+  display_order: number;
+}
+
+export interface CaseStudyProcess {
+  id: number;
+  title: string;
+  description: string;
+  step_number: number;
+}
+
+export interface CaseStudy {
+  id: number;
+  title: string;
+  slug: string;
+  subtitle?: string;
+  description?: string;
+  excerpt: string;
+  thumbnail?: string;
+  featured_image?: string;
+  poster_image?: string;
+  project_image?: string;
+  project_overview?: string;
+  site_map_content?: string;
+  category?: CaseStudyCategory;
+  category_name?: string;
+  category_slug?: string;
+  client?: Client;
+  client_name?: string;
+  gallery_images?: CaseStudyImage[];
+  process_steps?: CaseStudyProcess[];
+  meta_description?: string;
+  meta_keywords?: string;
+  published: boolean;
+  featured: boolean;
+  views_count: number;
+  display_order: number;
+  published_at: string;
+  created_at: string;
+  updated_at: string;
+  related_case_studies?: CaseStudy[];
+}
+
+export interface CaseStudyListResponse {
+  count: number;
+  next: string | null;
+  previous: string | null;
+  results: CaseStudy[];
+}
+
+// Helper function to build query string
+const buildQueryString = (params: Record<string, any>): string => {
+  const searchParams = new URLSearchParams();
+  Object.entries(params).forEach(([key, value]) => {
+    if (value !== undefined && value !== null && value !== '') {
+      searchParams.append(key, value.toString());
+    }
+  });
+  return searchParams.toString();
+};
+
+// Case Study API functions
+export const caseStudyService = {
+  // Get all case studies with optional filtering
+  getCaseStudies: async (params?: {
+    category?: string;
+    client?: string;
+    search?: string;
+    featured?: boolean;
+    ordering?: string;
+    page?: number;
+    page_size?: number;
+  }): Promise<CaseStudyListResponse> => {
+    try {
+      const queryString = params ? buildQueryString(params) : '';
+      const url = queryString 
+        ? `${API_CONFIG.BASE_URL}/api/case-studies/case-studies/?${queryString}`
+        : `${API_CONFIG.BASE_URL}/api/case-studies/case-studies/`;
+      
+      const response = await fetch(url, {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching case studies:', error);
+      throw error;
+    }
+  },
+
+  // Get a single case study by slug
+  getCaseStudyBySlug: async (slug: string): Promise<CaseStudy> => {
+    try {
+      const response = await fetch(
+        `${API_CONFIG.BASE_URL}/api/case-studies/case-studies/${slug}/`,
+        {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error(`Error fetching case study ${slug}:`, error);
+      throw error;
+    }
+  },
+
+  // Get featured case studies
+  getFeaturedCaseStudies: async (): Promise<CaseStudy[]> => {
+    try {
+      const response = await fetch(
+        `${API_CONFIG.BASE_URL}/api/case-studies/case-studies/featured/`,
+        {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching featured case studies:', error);
+      throw error;
+    }
+  },
+
+  // Get latest case studies
+  getLatestCaseStudies: async (limit: number = 6): Promise<CaseStudy[]> => {
+    try {
+      const response = await fetch(
+        `${API_CONFIG.BASE_URL}/api/case-studies/case-studies/latest/?limit=${limit}`,
+        {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching latest case studies:', error);
+      throw error;
+    }
+  },
+
+  // Get popular case studies
+  getPopularCaseStudies: async (limit: number = 6): Promise<CaseStudy[]> => {
+    try {
+      const response = await fetch(
+        `${API_CONFIG.BASE_URL}/api/case-studies/case-studies/popular/?limit=${limit}`,
+        {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching popular case studies:', error);
+      throw error;
+    }
+  },
+
+  // Get related case studies for a specific case study
+  getRelatedCaseStudies: async (slug: string): Promise<CaseStudy[]> => {
+    try {
+      const response = await fetch(
+        `${API_CONFIG.BASE_URL}/api/case-studies/case-studies/${slug}/related/`,
+        {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error(`Error fetching related case studies for ${slug}:`, error);
+      throw error;
+    }
+  },
+
+  // Get all categories
+  getCategories: async (): Promise<CaseStudyCategory[]> => {
+    try {
+      const response = await fetch(
+        `${API_CONFIG.BASE_URL}/api/case-studies/categories/`,
+        {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching case study categories:', error);
+      throw error;
+    }
+  },
+
+  // Get categories with case studies
+  getCategoriesWithCaseStudies: async (): Promise<CaseStudyCategory[]> => {
+    try {
+      const response = await fetch(
+        `${API_CONFIG.BASE_URL}/api/case-studies/categories/with_case_studies/`,
+        {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching categories with case studies:', error);
+      throw error;
+    }
+  },
+
+  // Get all clients
+  getClients: async (): Promise<Client[]> => {
+    try {
+      const response = await fetch(
+        `${API_CONFIG.BASE_URL}/api/case-studies/clients/`,
+        {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error('Error fetching clients:', error);
+      throw error;
+    }
+  },
+
+  // Get a client by slug
+  getClientBySlug: async (slug: string): Promise<Client> => {
+    try {
+      const response = await fetch(
+        `${API_CONFIG.BASE_URL}/api/case-studies/clients/${slug}/`,
+        {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error(`Error fetching client ${slug}:`, error);
+      throw error;
+    }
+  },
+
+  // Get case studies for a specific client
+  getClientCaseStudies: async (slug: string): Promise<CaseStudyListResponse> => {
+    try {
+      const response = await fetch(
+        `${API_CONFIG.BASE_URL}/api/case-studies/clients/${slug}/case_studies/`,
+        {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error(`Error fetching case studies for client ${slug}:`, error);
+      throw error;
+    }
+  },
+};
+
+export default caseStudyService;
+
diff --git a/gnx-react/lib/config/api.ts b/gnx-react/lib/config/api.ts
index 436b3f86..2c68072b 100644
--- a/gnx-react/lib/config/api.ts
+++ b/gnx-react/lib/config/api.ts
@@ -9,6 +9,9 @@ export const API_CONFIG = {
   // Django API Base URL
   BASE_URL: API_BASE_URL,
   
+  // Media files URL (for uploaded images, etc.)
+  MEDIA_URL: `${API_BASE_URL}/media`,
+  
   // API Endpoints
   ENDPOINTS: {
     CONTACT: '/api/contact',
diff --git a/gnx-react/lib/hooks/useBlog.ts b/gnx-react/lib/hooks/useBlog.ts
new file mode 100644
index 00000000..27a4a3b8
--- /dev/null
+++ b/gnx-react/lib/hooks/useBlog.ts
@@ -0,0 +1,250 @@
+import { useState, useEffect } from 'react';
+import { 
+  blogService, 
+  BlogPost, 
+  BlogPostListResponse,
+  BlogCategory,
+  BlogTag,
+  BlogAuthor 
+} from '../api/blogService';
+
+// Hook for fetching all blog posts
+export const useBlogPosts = (params?: {
+  category?: string;
+  tag?: string;
+  author?: number;
+  search?: string;
+  featured?: boolean;
+  ordering?: string;
+  page?: number;
+  page_size?: number;
+}) => {
+  const [posts, setPosts] = useState<BlogPost[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+  const [pagination, setPagination] = useState<{
+    count: number;
+    next: string | null;
+    previous: string | null;
+  }>({ count: 0, next: null, previous: null });
+
+  useEffect(() => {
+    const fetchPosts = async () => {
+      try {
+        setLoading(true);
+        const data = await blogService.getPosts(params);
+        setPosts(data.results);
+        setPagination({
+          count: data.count,
+          next: data.next,
+          previous: data.previous
+        });
+        setError(null);
+      } catch (err) {
+        setError(err as Error);
+        setPosts([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchPosts();
+  }, [params?.category, params?.tag, params?.author, params?.search, params?.page, params?.page_size]);
+
+  return { posts, loading, error, pagination, totalCount: pagination.count };
+};
+
+// Hook for fetching a single blog post by slug
+export const useBlogPost = (slug: string | null) => {
+  const [post, setPost] = useState<BlogPost | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    if (!slug) {
+      setLoading(false);
+      return;
+    }
+
+    const fetchPost = async () => {
+      try {
+        setLoading(true);
+        const data = await blogService.getPostBySlug(slug);
+        setPost(data);
+        setError(null);
+      } catch (err) {
+        setError(err as Error);
+        setPost(null);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchPost();
+  }, [slug]);
+
+  return { post, loading, error };
+};
+
+// Hook for fetching featured blog posts
+export const useFeaturedPosts = () => {
+  const [posts, setPosts] = useState<BlogPost[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const fetchFeaturedPosts = async () => {
+      try {
+        setLoading(true);
+        const data = await blogService.getFeaturedPosts();
+        setPosts(data);
+        setError(null);
+      } catch (err) {
+        setError(err as Error);
+        setPosts([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchFeaturedPosts();
+  }, []);
+
+  return { posts, loading, error };
+};
+
+// Hook for fetching latest blog posts
+export const useLatestPosts = (limit: number = 5) => {
+  const [posts, setPosts] = useState<BlogPost[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const fetchLatestPosts = async () => {
+      try {
+        setLoading(true);
+        const data = await blogService.getLatestPosts(limit);
+        setPosts(data);
+        setError(null);
+      } catch (err) {
+        setError(err as Error);
+        setPosts([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchLatestPosts();
+  }, [limit]);
+
+  return { posts, loading, error };
+};
+
+// Hook for fetching popular blog posts
+export const usePopularPosts = (limit: number = 5) => {
+  const [posts, setPosts] = useState<BlogPost[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const fetchPopularPosts = async () => {
+      try {
+        setLoading(true);
+        const data = await blogService.getPopularPosts(limit);
+        setPosts(data);
+        setError(null);
+      } catch (err) {
+        setError(err as Error);
+        setPosts([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchPopularPosts();
+  }, [limit]);
+
+  return { posts, loading, error };
+};
+
+// Hook for fetching blog categories
+export const useBlogCategories = () => {
+  const [categories, setCategories] = useState<BlogCategory[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const fetchCategories = async () => {
+      try {
+        setLoading(true);
+        const data = await blogService.getCategories();
+        setCategories(data);
+        setError(null);
+      } catch (err) {
+        setError(err as Error);
+        setCategories([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchCategories();
+  }, []);
+
+  return { categories, loading, error };
+};
+
+// Hook for fetching blog tags
+export const useBlogTags = () => {
+  const [tags, setTags] = useState<BlogTag[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const fetchTags = async () => {
+      try {
+        setLoading(true);
+        const data = await blogService.getTags();
+        setTags(data);
+        setError(null);
+      } catch (err) {
+        setError(err as Error);
+        setTags([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchTags();
+  }, []);
+
+  return { tags, loading, error };
+};
+
+// Hook for fetching blog authors
+export const useBlogAuthors = () => {
+  const [authors, setAuthors] = useState<BlogAuthor[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const fetchAuthors = async () => {
+      try {
+        setLoading(true);
+        const data = await blogService.getAuthors();
+        setAuthors(data);
+        setError(null);
+      } catch (err) {
+        setError(err as Error);
+        setAuthors([]);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchAuthors();
+  }, []);
+
+  return { authors, loading, error };
+};
+
diff --git a/gnx-react/lib/hooks/useCaseStudy.ts b/gnx-react/lib/hooks/useCaseStudy.ts
new file mode 100644
index 00000000..9dfbc5c7
--- /dev/null
+++ b/gnx-react/lib/hooks/useCaseStudy.ts
@@ -0,0 +1,351 @@
+import { useState, useEffect } from 'react';
+import caseStudyService, {
+  CaseStudy,
+  CaseStudyCategory,
+  Client,
+  CaseStudyListResponse,
+} from '../api/caseStudyService';
+
+// Hook to fetch all case studies
+export const useCaseStudies = (params?: {
+  category?: string;
+  client?: string;
+  search?: string;
+  featured?: boolean;
+  ordering?: string;
+  page?: number;
+  page_size?: number;
+}) => {
+  const [caseStudies, setCaseStudies] = useState<CaseStudy[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+  const [pagination, setPagination] = useState<{
+    count: number;
+    next: string | null;
+    previous: string | null;
+  } | null>(null);
+
+  useEffect(() => {
+    const fetchCaseStudies = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const data = await caseStudyService.getCaseStudies(params);
+        setCaseStudies(data.results);
+        setPagination({
+          count: data.count,
+          next: data.next,
+          previous: data.previous,
+        });
+      } catch (err) {
+        setError(err as Error);
+        console.error('Error fetching case studies:', err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchCaseStudies();
+  }, [
+    params?.category,
+    params?.client,
+    params?.search,
+    params?.featured,
+    params?.ordering,
+    params?.page,
+    params?.page_size,
+  ]);
+
+  return { caseStudies, loading, error, pagination };
+};
+
+// Hook to fetch a single case study by slug
+export const useCaseStudy = (slug: string | null) => {
+  const [caseStudy, setCaseStudy] = useState<CaseStudy | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    if (!slug) {
+      setLoading(false);
+      return;
+    }
+
+    const fetchCaseStudy = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const data = await caseStudyService.getCaseStudyBySlug(slug);
+        setCaseStudy(data);
+      } catch (err) {
+        setError(err as Error);
+        console.error(`Error fetching case study ${slug}:`, err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchCaseStudy();
+  }, [slug]);
+
+  return { caseStudy, loading, error };
+};
+
+// Hook to fetch featured case studies
+export const useFeaturedCaseStudies = () => {
+  const [featuredCaseStudies, setFeaturedCaseStudies] = useState<CaseStudy[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const fetchFeaturedCaseStudies = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const data = await caseStudyService.getFeaturedCaseStudies();
+        setFeaturedCaseStudies(data);
+      } catch (err) {
+        setError(err as Error);
+        console.error('Error fetching featured case studies:', err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchFeaturedCaseStudies();
+  }, []);
+
+  return { featuredCaseStudies, loading, error };
+};
+
+// Hook to fetch latest case studies
+export const useLatestCaseStudies = (limit: number = 6) => {
+  const [latestCaseStudies, setLatestCaseStudies] = useState<CaseStudy[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const fetchLatestCaseStudies = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const data = await caseStudyService.getLatestCaseStudies(limit);
+        setLatestCaseStudies(data);
+      } catch (err) {
+        setError(err as Error);
+        console.error('Error fetching latest case studies:', err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchLatestCaseStudies();
+  }, [limit]);
+
+  return { latestCaseStudies, loading, error };
+};
+
+// Hook to fetch popular case studies
+export const usePopularCaseStudies = (limit: number = 6) => {
+  const [popularCaseStudies, setPopularCaseStudies] = useState<CaseStudy[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const fetchPopularCaseStudies = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const data = await caseStudyService.getPopularCaseStudies(limit);
+        setPopularCaseStudies(data);
+      } catch (err) {
+        setError(err as Error);
+        console.error('Error fetching popular case studies:', err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchPopularCaseStudies();
+  }, [limit]);
+
+  return { popularCaseStudies, loading, error };
+};
+
+// Hook to fetch related case studies
+export const useRelatedCaseStudies = (slug: string | null) => {
+  const [relatedCaseStudies, setRelatedCaseStudies] = useState<CaseStudy[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    if (!slug) {
+      setLoading(false);
+      return;
+    }
+
+    const fetchRelatedCaseStudies = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const data = await caseStudyService.getRelatedCaseStudies(slug);
+        setRelatedCaseStudies(data);
+      } catch (err) {
+        setError(err as Error);
+        console.error(`Error fetching related case studies for ${slug}:`, err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchRelatedCaseStudies();
+  }, [slug]);
+
+  return { relatedCaseStudies, loading, error };
+};
+
+// Hook to fetch case study categories
+export const useCaseStudyCategories = () => {
+  const [categories, setCategories] = useState<CaseStudyCategory[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const fetchCategories = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const data = await caseStudyService.getCategories();
+        setCategories(data);
+      } catch (err) {
+        setError(err as Error);
+        console.error('Error fetching case study categories:', err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchCategories();
+  }, []);
+
+  return { categories, loading, error };
+};
+
+// Hook to fetch categories with case studies
+export const useCategoriesWithCaseStudies = () => {
+  const [categories, setCategories] = useState<CaseStudyCategory[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const fetchCategories = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const data = await caseStudyService.getCategoriesWithCaseStudies();
+        setCategories(data);
+      } catch (err) {
+        setError(err as Error);
+        console.error('Error fetching categories with case studies:', err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchCategories();
+  }, []);
+
+  return { categories, loading, error };
+};
+
+// Hook to fetch all clients
+export const useClients = () => {
+  const [clients, setClients] = useState<Client[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    const fetchClients = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const data = await caseStudyService.getClients();
+        setClients(data);
+      } catch (err) {
+        setError(err as Error);
+        console.error('Error fetching clients:', err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchClients();
+  }, []);
+
+  return { clients, loading, error };
+};
+
+// Hook to fetch a single client by slug
+export const useClient = (slug: string | null) => {
+  const [client, setClient] = useState<Client | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    if (!slug) {
+      setLoading(false);
+      return;
+    }
+
+    const fetchClient = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const data = await caseStudyService.getClientBySlug(slug);
+        setClient(data);
+      } catch (err) {
+        setError(err as Error);
+        console.error(`Error fetching client ${slug}:`, err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchClient();
+  }, [slug]);
+
+  return { client, loading, error };
+};
+
+// Hook to fetch case studies for a specific client
+export const useClientCaseStudies = (slug: string | null) => {
+  const [caseStudies, setCaseStudies] = useState<CaseStudy[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    if (!slug) {
+      setLoading(false);
+      return;
+    }
+
+    const fetchClientCaseStudies = async () => {
+      try {
+        setLoading(true);
+        setError(null);
+        const data = await caseStudyService.getClientCaseStudies(slug);
+        setCaseStudies(data.results);
+      } catch (err) {
+        setError(err as Error);
+        console.error(`Error fetching case studies for client ${slug}:`, err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchClientCaseStudies();
+  }, [slug]);
+
+  return { caseStudies, loading, error };
+};
+
diff --git a/gnx-react/lib/imageUtils.ts b/gnx-react/lib/imageUtils.ts
index 072cdc64..fe4afc80 100644
--- a/gnx-react/lib/imageUtils.ts
+++ b/gnx-react/lib/imageUtils.ts
@@ -1,5 +1,7 @@
 // Image utility functions
 
+const API_BASE_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:8000';
+
 export const FALLBACK_IMAGES = {
   BLOG: '/images/blog/blog-poster.png',
   CASE_STUDY: '/images/case/poster.png',
@@ -19,8 +21,22 @@ export function getValidImageUrl(imageUrl?: string, fallback?: string): string {
     return imageUrl;
   }
   
-  // If it starts with /, it's already a public path
+  // If it starts with /media/, it's a Django media file - prepend API base URL
+  if (imageUrl.startsWith('/media/')) {
+    return `${API_BASE_URL}${imageUrl}`;
+  }
+  
+  // If it starts with /images/, it's a local public file
+  if (imageUrl.startsWith('/images/')) {
+    return imageUrl;
+  }
+  
+  // If it starts with /, check if it's a media file
   if (imageUrl.startsWith('/')) {
+    // If it contains /media/, prepend API base URL
+    if (imageUrl.includes('/media/')) {
+      return `${API_BASE_URL}${imageUrl}`;
+    }
     return imageUrl;
   }
   
@@ -28,6 +44,9 @@ export function getValidImageUrl(imageUrl?: string, fallback?: string): string {
   return `/${imageUrl}`;
 }
 
+// Alias for backward compatibility
+export const getImageUrl = getValidImageUrl;
+
 export function getImageAlt(title?: string, fallback: string = 'Image'): string {
   return title ? `${title} - Image` : fallback;
 }
diff --git a/gnx-react/public/data/offcanvas-data.ts b/gnx-react/public/data/offcanvas-data.ts
index 04a98e7a..fcbc749b 100644
--- a/gnx-react/public/data/offcanvas-data.ts
+++ b/gnx-react/public/data/offcanvas-data.ts
@@ -79,8 +79,8 @@ export const OffcanvasData = [
   },
   {
     id: 9,
-    title: "Blog",
-    path: "/blog",
+    title: "Insights",
+    path: "/insights",
     parent_id: null,
     display_order: 5,
     submenu: null,
diff --git a/gnx-react/public/styles/main.scss b/gnx-react/public/styles/main.scss
index bdc31722..c709cf95 100644
--- a/gnx-react/public/styles/main.scss
+++ b/gnx-react/public/styles/main.scss
@@ -29,6 +29,7 @@
 // page-specific styles
 @use "./pages/about-enterprise";
 @use "./pages/support-center";
+@use "./pages/blog-single";
 
 // responsive styles (CSS-only files) - using @use for modern Sass
 @use "./responsive";
diff --git a/gnx-react/public/styles/pages/_blog-single.scss b/gnx-react/public/styles/pages/_blog-single.scss
new file mode 100644
index 00000000..eff7c9cf
--- /dev/null
+++ b/gnx-react/public/styles/pages/_blog-single.scss
@@ -0,0 +1,692 @@
+// Blog Single Page - Enhanced Enterprise Layout
+// =======================================================
+
+.blog-single-section {
+  padding-top: 140px;
+  background: #f8f9fa;
+  
+  @media (max-width: 991px) {
+    padding-top: 120px;
+  }
+
+  // Loading and Error States
+  .loading-state,
+  .error-state {
+    min-height: 400px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    
+    .spinner-border {
+      width: 3rem;
+      height: 3rem;
+    }
+  }
+
+  // Article Styling
+  .blog-single-article {
+    background: #ffffff;
+    border-top: 4px solid var(--color-primary);
+    
+    // Article Header
+    .article-header {
+      padding: 50px 80px 40px;
+      border-bottom: 1px solid #e9ecef;
+      
+      @media (max-width: 1199px) {
+        padding: 40px 60px 30px;
+      }
+      
+      @media (max-width: 991px) {
+        padding: 30px 40px 25px;
+      }
+      
+      @media (max-width: 767px) {
+        padding: 25px 20px 20px;
+      }
+
+      // Top Meta Bar
+      .article-top-meta {
+        .left-meta,
+        .right-meta {
+          @media (max-width: 767px) {
+            width: 100%;
+            justify-content: flex-start;
+          }
+        }
+
+        .category-badge {
+          display: inline-flex;
+          align-items: center;
+          padding: 8px 18px;
+          background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
+          color: #ffffff;
+          border-radius: 6px;
+          text-decoration: none;
+          font-size: 14px;
+          font-weight: 600;
+          transition: all 0.3s ease;
+          
+          &:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+          }
+        }
+
+        .meta-item {
+          font-size: 14px;
+          color: #6c757d;
+          font-weight: 500;
+          
+          i {
+            color: var(--color-primary);
+            font-size: 14px;
+          }
+        }
+      }
+
+      // Title
+      .article-title {
+        font-size: 52px;
+        line-height: 1.2;
+        color: var(--color-secondary);
+        margin: 30px 0 0;
+        font-weight: 700;
+        
+        @media (max-width: 1199px) {
+          font-size: 44px;
+        }
+        
+        @media (max-width: 991px) {
+          font-size: 36px;
+          margin: 25px 0 0;
+        }
+        
+        @media (max-width: 767px) {
+          font-size: 28px;
+          margin: 20px 0 0;
+        }
+      }
+
+      // Bottom Meta Bar
+      .article-bottom-meta {
+        border-top: 1px solid #e9ecef;
+        
+        @media (max-width: 767px) {
+          flex-direction: column;
+          align-items: flex-start !important;
+          gap: 16px;
+        }
+
+        .author-meta {
+          .author-avatar {
+            .avatar-placeholder {
+              width: 48px;
+              height: 48px;
+              border-radius: 50%;
+              background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              color: #ffffff;
+              font-size: 20px;
+            }
+          }
+
+          .author-info {
+            .author-label {
+              font-size: 12px;
+              color: #6c757d;
+              text-transform: uppercase;
+              letter-spacing: 0.5px;
+              margin-bottom: 4px;
+            }
+
+            .author-name {
+              font-size: 16px;
+              font-weight: 600;
+              color: var(--color-secondary);
+            }
+          }
+        }
+
+        .article-tags {
+          @media (max-width: 767px) {
+            width: 100%;
+          }
+
+          .tag-badge {
+            padding: 6px 14px;
+            background: #f0f0f0;
+            color: var(--color-secondary);
+            border-radius: 20px;
+            text-decoration: none;
+            font-size: 13px;
+            font-weight: 600;
+            transition: all 0.3s ease;
+            
+            &:hover {
+              background: var(--color-primary);
+              color: #ffffff;
+              transform: translateY(-2px);
+            }
+          }
+        }
+      }
+    }
+
+    // Featured Image
+    .article-featured-image {
+      position: relative;
+      overflow: hidden;
+      
+      .image-wrapper {
+        position: relative;
+        overflow: hidden;
+        
+        &::after {
+          content: "";
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.05) 100%);
+          pointer-events: none;
+        }
+        
+        img {
+          width: 100%;
+          height: auto;
+          display: block;
+          transition: transform 0.6s ease;
+        }
+        
+        &:hover img {
+          transform: scale(1.03);
+        }
+      }
+    }
+
+    // Article Body
+    .article-body {
+      padding: 60px 80px;
+      
+      @media (max-width: 1199px) {
+        padding: 50px 60px;
+      }
+      
+      @media (max-width: 991px) {
+        padding: 40px 40px;
+      }
+      
+      @media (max-width: 767px) {
+        padding: 30px 20px;
+      }
+    }
+
+    // Excerpt
+    .article-excerpt {
+      padding: 35px 45px;
+      background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+      border-left: 5px solid var(--color-primary);
+      margin-bottom: 50px;
+      
+      @media (max-width: 767px) {
+        padding: 25px 20px;
+        margin-bottom: 35px;
+      }
+      
+      .lead {
+        font-size: 22px;
+        line-height: 1.6;
+        color: var(--color-secondary);
+        margin: 0;
+        font-weight: 500;
+        
+        @media (max-width: 767px) {
+          font-size: 18px;
+        }
+      }
+    }
+
+    // Article Content
+    .article-content {
+      font-size: 18px;
+      line-height: 1.8;
+      color: #333333;
+      
+      @media (max-width: 767px) {
+        font-size: 16px;
+      }
+
+      > *:first-child {
+        margin-top: 0;
+      }
+
+      > *:last-child {
+        margin-bottom: 0;
+      }
+
+      h2 {
+        font-size: 36px;
+        font-weight: 700;
+        color: var(--color-secondary);
+        margin-top: 60px;
+        margin-bottom: 25px;
+        padding-bottom: 15px;
+        border-bottom: 3px solid var(--color-primary);
+        
+        @media (max-width: 767px) {
+          font-size: 28px;
+          margin-top: 40px;
+          margin-bottom: 20px;
+        }
+      }
+
+      h3 {
+        font-size: 28px;
+        font-weight: 600;
+        color: var(--color-secondary);
+        margin-top: 45px;
+        margin-bottom: 20px;
+        
+        @media (max-width: 767px) {
+          font-size: 24px;
+          margin-top: 35px;
+        }
+      }
+
+      h4 {
+        font-size: 22px;
+        font-weight: 600;
+        color: var(--color-secondary);
+        margin-top: 35px;
+        margin-bottom: 16px;
+        
+        @media (max-width: 767px) {
+          font-size: 20px;
+        }
+      }
+
+      p {
+        margin-bottom: 22px;
+        color: #333333;
+      }
+
+      ul, ol {
+        margin: 28px 0;
+        padding-left: 35px;
+        
+        li {
+          margin-bottom: 14px;
+          color: #333333;
+          
+          &::marker {
+            color: var(--color-primary);
+            font-weight: 600;
+          }
+        }
+      }
+
+      blockquote {
+        margin: 40px 0;
+        padding: 30px 40px;
+        background: #f8f9fa;
+        border-left: 6px solid var(--color-primary);
+        font-style: italic;
+        color: var(--color-secondary);
+        font-size: 19px;
+        
+        @media (max-width: 767px) {
+          padding: 25px 20px;
+          margin: 30px 0;
+          font-size: 17px;
+        }
+        
+        p:last-child {
+          margin-bottom: 0;
+        }
+      }
+
+      code {
+        padding: 4px 10px;
+        background: #f5f5f5;
+        border: 1px solid #e0e0e0;
+        border-radius: 4px;
+        font-family: 'Courier New', monospace;
+        font-size: 15px;
+        color: #d63384;
+      }
+
+      pre {
+        margin: 30px 0;
+        padding: 25px;
+        background: #1e1e1e;
+        border-radius: 8px;
+        overflow-x: auto;
+        
+        code {
+          padding: 0;
+          background: transparent;
+          border: none;
+          color: #f8f8f2;
+          font-size: 15px;
+        }
+      }
+
+      img {
+        max-width: 100%;
+        height: auto;
+        border-radius: 8px;
+        margin: 40px 0;
+        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+      }
+
+      a {
+        color: var(--color-primary);
+        text-decoration: underline;
+        font-weight: 500;
+        transition: color 0.3s ease;
+        
+        &:hover {
+          color: var(--color-secondary);
+        }
+      }
+
+      table {
+        width: 100%;
+        margin: 30px 0;
+        border-collapse: collapse;
+        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+        border-radius: 8px;
+        overflow: hidden;
+        
+        thead {
+          background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
+          color: #ffffff;
+          
+          th {
+            padding: 18px;
+            text-align: left;
+            font-weight: 600;
+          }
+        }
+        
+        tbody {
+          tr {
+            border-bottom: 1px solid #e0e0e0;
+            
+            &:nth-child(even) {
+              background: #f8f9fa;
+            }
+            
+            &:hover {
+              background: #e9ecef;
+            }
+            
+            td {
+              padding: 16px 18px;
+            }
+          }
+        }
+      }
+    }
+
+    // Article Footer
+    .article-footer {
+      background: #f8f9fa;
+      padding: 50px 80px 60px;
+      
+      @media (max-width: 1199px) {
+        padding: 40px 60px 50px;
+      }
+      
+      @media (max-width: 991px) {
+        padding: 35px 40px 45px;
+      }
+      
+      @media (max-width: 767px) {
+        padding: 30px 20px 35px;
+      }
+    }
+
+    // Share Section
+    .article-share {
+      margin-bottom: 50px;
+      
+      @media (max-width: 767px) {
+        margin-bottom: 40px;
+      }
+
+      .share-container {
+        .share-title {
+          font-size: 20px;
+          color: var(--color-secondary);
+          font-weight: 600;
+          margin-bottom: 25px;
+        }
+
+        .social-share {
+          display: flex;
+          gap: 15px;
+          flex-wrap: wrap;
+          
+          .share-btn {
+            min-width: 140px;
+            height: 50px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 10px;
+            border-radius: 8px;
+            text-decoration: none;
+            font-size: 15px;
+            font-weight: 600;
+            transition: all 0.3s ease;
+            border: 2px solid transparent;
+            cursor: pointer;
+            
+            i {
+              font-size: 18px;
+            }
+            
+            span {
+              font-size: 14px;
+            }
+            
+            &.share-linkedin {
+              background: #0077b5;
+              color: #ffffff;
+              
+              &:hover {
+                background: #ffffff;
+                color: #0077b5;
+                border-color: #0077b5;
+                transform: translateY(-3px);
+                box-shadow: 0 6px 20px rgba(0, 119, 181, 0.3);
+              }
+            }
+            
+            &.share-twitter {
+              background: #1da1f2;
+              color: #ffffff;
+              
+              &:hover {
+                background: #ffffff;
+                color: #1da1f2;
+                border-color: #1da1f2;
+                transform: translateY(-3px);
+                box-shadow: 0 6px 20px rgba(29, 161, 242, 0.3);
+              }
+            }
+            
+            &.share-facebook {
+              background: #1877f2;
+              color: #ffffff;
+              
+              &:hover {
+                background: #ffffff;
+                color: #1877f2;
+                border-color: #1877f2;
+                transform: translateY(-3px);
+                box-shadow: 0 6px 20px rgba(24, 119, 242, 0.3);
+              }
+            }
+            
+            &.share-copy {
+              background: #6c757d;
+              color: #ffffff;
+              
+              &:hover {
+                background: #ffffff;
+                color: #6c757d;
+                border-color: #6c757d;
+                transform: translateY(-3px);
+                box-shadow: 0 6px 20px rgba(108, 117, 125, 0.3);
+              }
+            }
+          }
+        }
+      }
+    }
+
+    // Author Bio Section
+    .author-bio-section {
+      margin-bottom: 45px;
+      
+      @media (max-width: 767px) {
+        margin-bottom: 35px;
+      }
+
+      .author-bio-card {
+        display: flex;
+        gap: 30px;
+        padding: 35px;
+        background: #ffffff;
+        border-radius: 12px;
+        border: 2px solid #e9ecef;
+        transition: all 0.3s ease;
+        
+        @media (max-width: 767px) {
+          flex-direction: column;
+          gap: 20px;
+          padding: 25px;
+          text-align: center;
+        }
+        
+        &:hover {
+          border-color: var(--color-primary);
+          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+        }
+
+        .author-avatar-container {
+          flex-shrink: 0;
+          
+          @media (max-width: 767px) {
+            display: flex;
+            justify-content: center;
+          }
+
+          .author-avatar-large {
+            width: 90px;
+            height: 90px;
+            border-radius: 50%;
+            background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: #ffffff;
+            font-size: 36px;
+          }
+        }
+
+        .author-bio-content {
+          flex: 1;
+
+          .bio-label {
+            font-size: 13px;
+            color: #6c757d;
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+            margin-bottom: 8px;
+            font-weight: 600;
+          }
+
+          .author-name {
+            font-size: 22px;
+            color: var(--color-secondary);
+            font-weight: 600;
+            margin-bottom: 12px;
+          }
+
+          .author-bio-text {
+            font-size: 16px;
+            color: #6c757d;
+            line-height: 1.7;
+            margin: 0;
+          }
+        }
+      }
+    }
+
+    // Navigation
+    .article-navigation {
+      text-align: center;
+
+      .btn-back-insights {
+        display: inline-flex;
+        align-items: center;
+        padding: 14px 35px;
+        font-size: 16px;
+        font-weight: 600;
+        border: 2px solid var(--color-primary);
+        color: var(--color-primary);
+        background: #ffffff;
+        border-radius: 8px;
+        text-decoration: none;
+        transition: all 0.3s ease;
+        
+        &:hover {
+          background: var(--color-primary);
+          color: #ffffff;
+          transform: translateY(-2px);
+          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
+        }
+      }
+    }
+  }
+}
+
+// Responsive Adjustments
+@media (max-width: 767px) {
+  .blog-single-section {
+    .blog-single-article {
+      .article-header {
+        .article-top-meta {
+          flex-direction: column;
+          align-items: flex-start !important;
+          gap: 12px !important;
+
+          .left-meta,
+          .right-meta {
+            gap: 16px !important;
+          }
+        }
+      }
+
+      .article-share {
+        .share-container {
+          .social-share {
+            .share-btn {
+              min-width: calc(50% - 8px);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+
diff --git a/gnx-react/public/styles/pages/_support-center.scss b/gnx-react/public/styles/pages/_support-center.scss
index 09ae3953..cc8cca4c 100644
--- a/gnx-react/public/styles/pages/_support-center.scss
+++ b/gnx-react/public/styles/pages/_support-center.scss
@@ -1000,7 +1000,7 @@
       .article-header {
         display: flex;
         justify-content: space-between;
-        align-items: start;
+        align-items: flex-start;
         margin-bottom: 1rem;
         gap: 1rem;
 
@@ -1401,3 +1401,1850 @@
   }
 }
 
+/* ==== 
+| --------- Support Center Responsive Styles ---------
+| ==== */
+
+// Large Desktop (1200px and above) - Already handled by default styles
+
+// Desktop to Tablet (992px to 1199px)
+@media only screen and (max-width: 1199.98px) {
+  .support-hero {
+    padding: 120px 0 80px;
+    min-height: 60vh;
+
+    &__title {
+      font-size: 3rem;
+    }
+
+    &__subtitle {
+      font-size: 1.15rem;
+    }
+
+    &__features {
+      margin-top: 3rem;
+
+      .feature-item {
+        padding: 1.5rem;
+
+        .feature-icon {
+          width: 60px;
+          height: 60px;
+          font-size: 1.5rem;
+        }
+
+        h3 {
+          font-size: 1.1rem;
+        }
+      }
+    }
+  }
+
+  .support-center-content {
+    padding: 70px 0;
+  }
+
+  .support-tabs {
+    &__nav {
+      li button {
+        padding: 1rem 1.75rem;
+        font-size: 1rem;
+
+        i {
+          font-size: 1.1rem;
+        }
+      }
+    }
+
+    &__content {
+      padding: 3rem 2.5rem;
+    }
+  }
+
+  .form-header {
+    h2 {
+      font-size: 2rem;
+    }
+
+    p {
+      font-size: 1.05rem;
+    }
+  }
+}
+
+// Tablet Landscape (768px to 991px)
+@media only screen and (max-width: 991.98px) {
+  .support-hero {
+    padding: 100px 0 60px;
+    min-height: 50vh;
+
+    // Reduce animation complexity on tablets
+    .hero-background {
+      .floating-tech {
+        i {
+          font-size: 2.5rem;
+        }
+
+        &.tech-5,
+        &.tech-6 {
+          display: none;
+        }
+      }
+
+      .gradient-orb {
+        filter: blur(40px);
+
+        &.orb-1 {
+          width: 250px;
+          height: 250px;
+        }
+
+        &.orb-2 {
+          width: 200px;
+          height: 200px;
+        }
+
+        &.orb-3 {
+          width: 150px;
+          height: 150px;
+        }
+      }
+    }
+
+    &__title {
+      font-size: 2.5rem;
+      margin-bottom: 1.25rem;
+    }
+
+    &__subtitle {
+      font-size: 1.1rem;
+      margin-bottom: 2.5rem;
+    }
+
+    &__features {
+      margin-top: 2.5rem;
+
+      .row {
+        gap: 1rem !important;
+      }
+
+      .feature-item {
+        padding: 1.25rem;
+
+        .feature-icon {
+          width: 55px;
+          height: 55px;
+          font-size: 1.4rem;
+          margin-bottom: 1rem;
+        }
+
+        h3 {
+          font-size: 1.05rem;
+          margin-bottom: 0.4rem;
+        }
+
+        p {
+          font-size: 0.9rem;
+        }
+      }
+    }
+  }
+
+  .support-center-content {
+    padding: 60px 0;
+  }
+
+  .support-tabs {
+    &__nav {
+      flex-direction: column;
+      gap: 0.5rem;
+      border-bottom: none;
+      padding: 0.5rem;
+
+      li {
+        width: 100%;
+
+        button {
+          text-align: left;
+          width: 100%;
+          padding: 1rem 1.5rem;
+          border-radius: 8px;
+          border-bottom: none;
+          font-size: 1rem;
+
+          i {
+            font-size: 1.2rem;
+          }
+        }
+
+        &.active button {
+          background: rgba(218, 165, 32, 0.1);
+          border-left: 4px solid var(--enterprise-gold);
+        }
+      }
+    }
+
+    &__content {
+      padding: 2.5rem 1.75rem;
+    }
+  }
+
+  .form-header {
+    margin-bottom: 2.5rem;
+
+    h2 {
+      font-size: 1.75rem;
+    }
+
+    p {
+      font-size: 1rem;
+    }
+  }
+
+  .create-ticket-form {
+    .form-section-title {
+      font-size: 1.25rem;
+      padding: 0.5rem 0.875rem;
+    }
+
+    .form-group {
+      margin-bottom: 1.25rem;
+
+      .form-control {
+        padding: 0.75rem 1rem;
+        font-size: 0.95rem;
+      }
+
+      textarea.form-control {
+        min-height: 120px;
+      }
+    }
+
+    .btn {
+      padding: 0.875rem 2rem;
+      font-size: 1rem;
+      width: 100%;
+    }
+  }
+
+  .ticket-success {
+    padding: 3rem 1.5rem;
+
+    .success-icon {
+      font-size: 4.5rem;
+    }
+
+    h3 {
+      font-size: 2rem;
+    }
+
+    .ticket-number {
+      font-size: 1.2rem;
+      padding: 1.25rem;
+
+      strong {
+        font-size: 1.4rem;
+      }
+    }
+
+    .ticket-info {
+      font-size: 1rem;
+    }
+
+    .btn {
+      width: 100%;
+      max-width: 400px;
+    }
+  }
+
+  .ticket-status-check {
+    .status-search-form {
+      .search-input-group {
+        flex-direction: column;
+
+        .btn {
+          width: 100%;
+        }
+      }
+    }
+  }
+
+  .ticket-details {
+    .ticket-header {
+      padding: 1.5rem;
+
+      .ticket-number {
+        font-size: 1.25rem;
+      }
+
+      .ticket-status-badge {
+        font-size: 0.85rem;
+        padding: 0.4rem 1rem;
+      }
+    }
+
+    .ticket-info {
+      padding: 1.5rem;
+
+      h3 {
+        font-size: 1.5rem;
+      }
+    }
+
+    .ticket-meta {
+      gap: 1rem;
+      font-size: 0.9rem;
+    }
+  }
+
+  .ticket-messages {
+    .message-item {
+      padding: 1.25rem;
+    }
+  }
+
+  .knowledge-base {
+    .kb-categories {
+      margin-bottom: 2.5rem;
+
+      h3 {
+        font-size: 1.35rem;
+      }
+
+      .category-card {
+        padding: 1.25rem;
+
+        .category-icon {
+          font-size: 1.75rem;
+          margin-bottom: 0.875rem;
+        }
+
+        .category-content {
+          h4 {
+            font-size: 1.15rem;
+          }
+
+          p {
+            font-size: 0.9rem;
+          }
+        }
+      }
+    }
+
+    .kb-articles {
+      .articles-header {
+        h3 {
+          font-size: 1.35rem;
+        }
+      }
+
+      .article-item {
+        padding: 1.5rem;
+
+        .article-header {
+          flex-direction: column;
+          align-items: flex-start;
+
+          h4 {
+            font-size: 1.25rem;
+          }
+
+          .featured-badge {
+            margin-top: 0.5rem;
+          }
+        }
+
+        .article-meta {
+          gap: 1rem;
+          font-size: 0.85rem;
+        }
+      }
+    }
+  }
+
+  .kb-modal {
+    .modal-content {
+      padding: 2rem;
+    }
+
+    .article-header {
+      h2 {
+        font-size: 2rem;
+      }
+
+      .article-meta {
+        gap: 1rem;
+        font-size: 0.9rem;
+      }
+    }
+
+    .article-body {
+      .article-content {
+        font-size: 1rem;
+      }
+    }
+  }
+}
+
+// Tablet Portrait (576px to 767px)
+@media only screen and (max-width: 767.98px) {
+  .support-hero {
+    padding: 80px 0 50px;
+    min-height: auto;
+
+    // Simplify background on mobile
+    .hero-background {
+      .floating-tech {
+        i {
+          font-size: 2rem;
+        }
+
+        &.tech-3,
+        &.tech-4 {
+          display: none;
+        }
+      }
+
+      .gradient-orb {
+        filter: blur(30px);
+        opacity: 0.15;
+
+        &.orb-1 {
+          width: 180px;
+          height: 180px;
+        }
+
+        &.orb-2 {
+          width: 150px;
+          height: 150px;
+        }
+
+        &.orb-3 {
+          display: none;
+        }
+      }
+
+      .grid-overlay {
+        background-size: 30px 30px;
+      }
+    }
+
+    &__title {
+      font-size: 2rem;
+      margin-bottom: 1rem;
+    }
+
+    &__subtitle {
+      font-size: 1rem;
+      margin-bottom: 2rem;
+    }
+
+    &__features {
+      margin-top: 2rem;
+
+      .row {
+        gap: 0.75rem !important;
+      }
+
+      .feature-item {
+        padding: 1rem;
+
+        .feature-icon {
+          width: 50px;
+          height: 50px;
+          font-size: 1.2rem;
+          margin-bottom: 0.75rem;
+        }
+
+        h3 {
+          font-size: 1rem;
+          margin-bottom: 0.3rem;
+        }
+
+        p {
+          font-size: 0.85rem;
+        }
+      }
+    }
+  }
+
+  .support-center-content {
+    padding: 40px 0;
+  }
+
+  .support-tabs {
+    &__nav {
+      padding: 0.25rem;
+      margin-bottom: 2rem;
+
+      li button {
+        padding: 0.875rem 1.25rem;
+        font-size: 0.95rem;
+
+        i {
+          font-size: 1.1rem;
+          margin-right: 0.375rem;
+        }
+      }
+    }
+
+    &__content {
+      padding: 2rem 1.25rem;
+      border-radius: 12px;
+    }
+  }
+
+  .form-header {
+    margin-bottom: 2rem;
+    padding-bottom: 1rem;
+
+    h2 {
+      font-size: 1.5rem;
+      margin-bottom: 0.5rem;
+    }
+
+    p {
+      font-size: 0.95rem;
+    }
+  }
+
+  .create-ticket-form {
+    .form-section-title {
+      font-size: 1.15rem;
+      margin-bottom: 1.5rem;
+      padding: 0.5rem 0.75rem;
+    }
+
+    .form-group {
+      margin-bottom: 1rem;
+
+      label {
+        font-size: 0.8rem;
+        margin-bottom: 0.5rem;
+      }
+
+      .form-control {
+        padding: 0.7rem 0.875rem;
+        font-size: 0.9rem;
+        border-radius: 8px;
+      }
+
+      textarea.form-control {
+        min-height: 100px;
+      }
+    }
+
+    .btn {
+      padding: 0.75rem 1.75rem;
+      font-size: 0.95rem;
+      width: 100%;
+      border-radius: 8px;
+
+      i {
+        font-size: 1em;
+      }
+    }
+  }
+
+  .ticket-success {
+    padding: 2.5rem 1.25rem;
+
+    .success-icon {
+      font-size: 4rem;
+      margin-bottom: 1rem;
+    }
+
+    h3 {
+      font-size: 1.75rem;
+      margin-bottom: 1rem;
+    }
+
+    .ticket-number {
+      font-size: 1.1rem;
+      padding: 1rem;
+      margin-bottom: 1.25rem;
+
+      strong {
+        font-size: 1.3rem;
+      }
+    }
+
+    .ticket-info {
+      font-size: 0.95rem;
+      margin-bottom: 2rem;
+    }
+
+    .btn {
+      width: 100%;
+      padding: 0.875rem 2rem;
+      font-size: 0.95rem;
+    }
+  }
+
+  .ticket-status-check {
+    .status-search-form {
+      .search-input-group {
+        gap: 0.75rem;
+
+        .form-control {
+          padding: 0.875rem 1rem;
+          font-size: 0.9rem;
+        }
+
+        .btn {
+          padding: 0.875rem 1.5rem;
+          font-size: 0.9rem;
+        }
+      }
+    }
+  }
+
+  .ticket-details {
+    border-radius: 8px;
+
+    .ticket-header {
+      padding: 1.25rem;
+      flex-direction: column;
+      align-items: flex-start;
+
+      .ticket-number {
+        font-size: 1.1rem;
+        margin-bottom: 0.5rem;
+      }
+
+      .ticket-status-badge {
+        font-size: 0.8rem;
+        padding: 0.375rem 0.875rem;
+      }
+    }
+
+    .ticket-info {
+      padding: 1.25rem;
+
+      h3 {
+        font-size: 1.35rem;
+        margin-bottom: 1.25rem;
+      }
+
+      h4 {
+        font-size: 1.15rem;
+        margin-top: 1.5rem;
+      }
+    }
+
+    .ticket-meta {
+      flex-direction: column;
+      gap: 0.75rem;
+      align-items: flex-start;
+
+      .meta-item {
+        font-size: 0.85rem;
+      }
+    }
+
+    .ticket-description {
+      p {
+        font-size: 0.95rem;
+      }
+    }
+  }
+
+  .ticket-messages {
+    margin-top: 1.5rem;
+    padding-top: 1.5rem;
+
+    h4 {
+      font-size: 1.1rem !important;
+    }
+
+    .messages-list {
+      margin-top: 1.25rem;
+      gap: 1.25rem;
+    }
+
+    .message-item {
+      padding: 1rem;
+      border-radius: 6px;
+
+      .message-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 0.5rem;
+        margin-bottom: 0.75rem;
+
+        .message-author {
+          font-size: 0.9rem;
+
+          i {
+            font-size: 1.1rem;
+          }
+        }
+
+        .message-date {
+          font-size: 0.85rem;
+        }
+      }
+
+      .message-content {
+        font-size: 0.9rem;
+        line-height: 1.5;
+      }
+    }
+  }
+
+  .ticket-timeline {
+    margin-top: 1.5rem;
+    padding-top: 1.5rem;
+
+    h4 {
+      font-size: 1.1rem !important;
+    }
+
+    .timeline-list {
+      margin-top: 1.25rem;
+      padding-left: 1.5rem;
+
+      &::before {
+        left: 0.25rem;
+      }
+    }
+
+    .timeline-item {
+      margin-bottom: 1.25rem;
+
+      .timeline-icon {
+        left: -1.5rem;
+        width: 18px;
+        height: 18px;
+
+        i {
+          font-size: 0.55rem;
+        }
+      }
+
+      .timeline-content {
+        .timeline-description {
+          font-size: 0.9rem;
+        }
+
+        .timeline-date {
+          font-size: 0.8rem;
+        }
+      }
+    }
+  }
+
+  .knowledge-base {
+    .kb-search-form {
+      margin-bottom: 2.5rem;
+
+      .search-input-group {
+        .search-icon {
+          left: 1rem;
+          font-size: 1.1rem;
+        }
+
+        .form-control {
+          padding: 0.875rem 3rem;
+          font-size: 0.9rem;
+          border-radius: 25px;
+        }
+
+        .clear-search {
+          right: 1rem;
+          font-size: 1.1rem;
+        }
+      }
+    }
+
+    .kb-categories {
+      margin-bottom: 2rem;
+
+      h3 {
+        font-size: 1.25rem;
+        margin-bottom: 1.25rem;
+      }
+
+      .row {
+        gap: 1rem !important;
+      }
+
+      .category-card {
+        padding: 1rem;
+
+        .category-icon {
+          font-size: 1.5rem;
+          margin-bottom: 0.75rem;
+        }
+
+        .category-content {
+          h4 {
+            font-size: 1.05rem;
+            margin-bottom: 0.4rem;
+          }
+
+          p {
+            font-size: 0.85rem;
+            margin-bottom: 0.75rem;
+          }
+
+          .category-meta {
+            .article-count {
+              font-size: 0.85rem;
+            }
+          }
+        }
+      }
+    }
+
+    .kb-articles {
+      .articles-header {
+        margin-bottom: 1.5rem;
+
+        h3 {
+          font-size: 1.25rem;
+          margin-bottom: 0.4rem;
+        }
+
+        .search-info {
+          font-size: 0.9rem;
+        }
+
+        .btn-sm {
+          font-size: 0.85rem;
+          padding: 0.5rem 1rem;
+        }
+      }
+
+      .articles-list {
+        gap: 1.25rem;
+      }
+
+      .article-item {
+        padding: 1.25rem;
+        border-radius: 10px;
+
+        .article-header {
+          margin-bottom: 0.875rem;
+
+          h4 {
+            font-size: 1.15rem;
+          }
+
+          .featured-badge {
+            font-size: 0.8rem;
+            padding: 0.35rem 0.875rem;
+            margin-top: 0.5rem;
+          }
+        }
+
+        .article-summary {
+          font-size: 0.9rem;
+          line-height: 1.5;
+          margin-bottom: 0.875rem;
+        }
+
+        .article-meta {
+          gap: 0.875rem;
+          margin-bottom: 0.875rem;
+          padding-bottom: 0.875rem;
+          flex-wrap: wrap;
+
+          .article-category,
+          .article-stats {
+            font-size: 0.8rem;
+
+            i {
+              margin-right: 0.375rem;
+            }
+          }
+        }
+
+        .article-read-more {
+          font-size: 0.9rem;
+        }
+      }
+    }
+  }
+
+  .kb-modal-overlay {
+    padding: 0.75rem;
+  }
+
+  .kb-modal {
+    max-height: 95vh;
+    border-radius: 10px;
+
+    .modal-close {
+      top: 0.75rem;
+      right: 0.75rem;
+      width: 36px;
+      height: 36px;
+      font-size: 1.1rem;
+    }
+
+    .modal-content {
+      padding: 1.5rem;
+    }
+
+    .article-header {
+      margin-bottom: 1.5rem;
+
+      .featured-badge {
+        font-size: 0.8rem;
+        padding: 0.35rem 0.875rem;
+        margin-bottom: 0.875rem;
+      }
+
+      h2 {
+        font-size: 1.75rem;
+        margin-bottom: 0.875rem;
+      }
+
+      .article-meta {
+        gap: 1rem;
+        font-size: 0.85rem;
+
+        .meta-item {
+          i {
+            margin-right: 0.375rem;
+          }
+        }
+      }
+    }
+
+    .article-body {
+      margin-bottom: 1.5rem;
+
+      .article-content {
+        font-size: 0.95rem;
+        line-height: 1.7;
+
+        h1, h2, h3, h4, h5, h6 {
+          margin-top: 1.5rem;
+          margin-bottom: 0.75rem;
+        }
+
+        p {
+          margin-bottom: 1.25rem;
+        }
+
+        ul, ol {
+          margin-bottom: 1.25rem;
+          padding-left: 1.5rem;
+        }
+
+        pre {
+          padding: 1.25rem;
+          margin-bottom: 1.25rem;
+          border-radius: 6px;
+          overflow-x: auto;
+        }
+      }
+    }
+
+    .article-footer {
+      padding-top: 1.5rem;
+
+      .article-feedback {
+        h4 {
+          font-size: 1.15rem;
+          margin-bottom: 0.875rem;
+        }
+
+        .feedback-thanks {
+          font-size: 1rem;
+        }
+
+        .feedback-buttons {
+          gap: 0.75rem;
+
+          .btn {
+            font-size: 0.9rem;
+            padding: 0.625rem 1.25rem;
+          }
+        }
+      }
+    }
+  }
+
+  .loading-state,
+  .empty-state {
+    padding: 2.5rem 1.5rem;
+
+    .spinner-border {
+      width: 2.5rem;
+      height: 2.5rem;
+    }
+
+    p {
+      font-size: 1rem;
+    }
+
+    h4 {
+      font-size: 1.35rem;
+    }
+
+    .empty-icon {
+      font-size: 3.5rem;
+      margin-bottom: 1.25rem;
+    }
+  }
+
+  .error-state {
+    padding: 2.5rem 1.5rem;
+
+    i {
+      font-size: 3.5rem;
+      margin-bottom: 0.875rem;
+    }
+
+    h3 {
+      font-size: 1.35rem;
+      margin-bottom: 0.625rem;
+    }
+
+    p {
+      font-size: 0.95rem;
+    }
+  }
+}
+
+// Mobile (up to 575px)
+@media only screen and (max-width: 575.98px) {
+  .support-hero {
+    padding: 70px 0 40px;
+    margin-top: 70px;
+
+    // Minimal background on small mobile
+    .hero-background {
+      .floating-tech {
+        i {
+          font-size: 1.75rem;
+        }
+
+        &.tech-2 {
+          display: none;
+        }
+      }
+
+      .gradient-orb {
+        filter: blur(25px);
+        opacity: 0.12;
+
+        &.orb-1 {
+          width: 150px;
+          height: 150px;
+          top: -50px;
+          left: -50px;
+        }
+
+        &.orb-2 {
+          width: 120px;
+          height: 120px;
+          bottom: -40px;
+          right: -40px;
+        }
+      }
+
+      .grid-overlay {
+        background-size: 25px 25px;
+        opacity: 0.5;
+      }
+    }
+
+    &__title {
+      font-size: 1.75rem;
+      margin-bottom: 0.875rem;
+    }
+
+    &__subtitle {
+      font-size: 0.95rem;
+      margin-bottom: 1.75rem;
+    }
+
+    &__features {
+      margin-top: 1.75rem;
+
+      .row {
+        gap: 0.625rem !important;
+      }
+
+      .feature-item {
+        padding: 0.875rem;
+
+        &:hover {
+          transform: translateY(-2px);
+        }
+
+        .feature-icon {
+          width: 45px;
+          height: 45px;
+          font-size: 1.1rem;
+          margin-bottom: 0.625rem;
+        }
+
+        h3 {
+          font-size: 0.95rem;
+          margin-bottom: 0.25rem;
+        }
+
+        p {
+          font-size: 0.8rem;
+          line-height: 1.4;
+        }
+      }
+    }
+  }
+
+  .support-center-content {
+    padding: 30px 0;
+  }
+
+  .support-tabs {
+    &__nav {
+      margin-bottom: 1.5rem;
+      padding: 0.25rem;
+      border-radius: 10px;
+
+      li button {
+        padding: 0.75rem 1rem;
+        font-size: 0.9rem;
+        border-radius: 6px;
+
+        i {
+          font-size: 1rem;
+          margin-right: 0.35rem;
+        }
+      }
+
+      li.active button {
+        border-left-width: 3px;
+      }
+    }
+
+    &__content {
+      padding: 1.5rem 1rem;
+      border-radius: 10px;
+
+      &::before {
+        height: 3px;
+        border-radius: 10px 10px 0 0;
+      }
+    }
+  }
+
+  .form-header {
+    margin-bottom: 1.75rem;
+    padding-bottom: 0.875rem;
+    border-bottom-width: 2px;
+
+    &::after {
+      height: 2px;
+      width: 80px;
+    }
+
+    h2 {
+      font-size: 1.35rem;
+      margin-bottom: 0.5rem;
+    }
+
+    p {
+      font-size: 0.9rem;
+      line-height: 1.5;
+    }
+  }
+
+  .create-ticket-form {
+    .form-section-title {
+      font-size: 1.05rem;
+      margin-bottom: 1.25rem;
+      padding: 0.4rem 0.625rem;
+      border-left-width: 3px;
+
+      &::before {
+        width: 3px;
+      }
+    }
+
+    .form-group {
+      margin-bottom: 0.875rem;
+
+      label {
+        font-size: 0.75rem;
+        margin-bottom: 0.4rem;
+        letter-spacing: 0.15px;
+      }
+
+      .form-control {
+        padding: 0.625rem 0.75rem;
+        font-size: 0.875rem;
+        border-radius: 6px;
+        border-width: 1.5px;
+
+        &:focus {
+          box-shadow: 0 0 0 3px rgba(218, 165, 32, 0.1), 0 1px 6px rgba(0, 0, 0, 0.08);
+        }
+      }
+
+      select.form-control {
+        background-position: right 0.875rem center;
+        padding-right: 2.25rem;
+      }
+
+      textarea.form-control {
+        min-height: 90px;
+        line-height: 1.5;
+      }
+    }
+
+    .btn {
+      padding: 0.7rem 1.5rem;
+      font-size: 0.9rem;
+      width: 100%;
+      border-radius: 6px;
+      letter-spacing: 0.4px;
+
+      &:hover:not(:disabled) {
+        transform: translateY(-1px);
+      }
+    }
+  }
+
+  .ticket-success {
+    padding: 2rem 1rem;
+    border-radius: 12px;
+
+    .success-icon {
+      font-size: 3.5rem;
+      margin-bottom: 0.875rem;
+    }
+
+    h3 {
+      font-size: 1.5rem;
+      margin-bottom: 0.875rem;
+    }
+
+    .ticket-number {
+      font-size: 1rem;
+      padding: 0.875rem;
+      margin-bottom: 1rem;
+      border-radius: 10px;
+
+      strong {
+        font-size: 1.2rem;
+        letter-spacing: 0.75px;
+        margin-top: 0.4rem;
+      }
+    }
+
+    .ticket-info {
+      font-size: 0.9rem;
+      line-height: 1.6;
+      margin-bottom: 1.75rem;
+    }
+
+    .btn {
+      padding: 0.75rem 1.75rem;
+      font-size: 0.9rem;
+    }
+  }
+
+  .ticket-status-check {
+    .status-search-form {
+      .search-input-group {
+        gap: 0.625rem;
+
+        .form-control {
+          padding: 0.75rem 0.875rem;
+          font-size: 0.85rem;
+          border-radius: 6px;
+        }
+
+        .btn {
+          padding: 0.75rem 1.25rem;
+          font-size: 0.85rem;
+          border-radius: 6px;
+        }
+      }
+    }
+  }
+
+  .ticket-details {
+    border-radius: 10px;
+
+    .ticket-header {
+      padding: 1rem;
+
+      .ticket-number {
+        font-size: 1rem;
+        margin-bottom: 0.5rem;
+      }
+
+      .ticket-status-badge {
+        font-size: 0.75rem;
+        padding: 0.35rem 0.75rem;
+        letter-spacing: 0.4px;
+      }
+    }
+
+    .ticket-info {
+      padding: 1rem;
+
+      h3 {
+        font-size: 1.2rem;
+        margin-bottom: 1rem;
+      }
+
+      h4 {
+        font-size: 1.05rem;
+        margin-top: 1.25rem;
+        margin-bottom: 0.75rem;
+      }
+    }
+
+    .ticket-meta {
+      gap: 0.625rem;
+      padding-bottom: 1.25rem;
+
+      .meta-item {
+        font-size: 0.8rem;
+        width: 100%;
+
+        i {
+          margin-right: 0.35rem;
+          font-size: 0.9rem;
+        }
+
+        strong {
+          margin-right: 0.35rem;
+        }
+
+        .priority-badge {
+          font-size: 0.8rem;
+          padding: 0.2rem 0.625rem;
+        }
+      }
+    }
+
+    .ticket-description {
+      p {
+        font-size: 0.9rem;
+        line-height: 1.6;
+      }
+    }
+  }
+
+  .ticket-messages {
+    margin-top: 1.25rem;
+    padding-top: 1.25rem;
+
+    h4 {
+      font-size: 1.05rem !important;
+      margin-bottom: 0.75rem !important;
+    }
+
+    .messages-list {
+      margin-top: 1rem;
+      gap: 1rem;
+    }
+
+    .message-item {
+      padding: 0.875rem;
+      border-radius: 6px;
+      border-left-width: 2px;
+
+      .message-header {
+        margin-bottom: 0.625rem;
+        gap: 0.375rem;
+
+        .message-author {
+          font-size: 0.85rem;
+
+          i {
+            font-size: 1rem;
+            margin-right: 0.35rem;
+          }
+        }
+
+        .message-date {
+          font-size: 0.8rem;
+        }
+      }
+
+      .message-content {
+        font-size: 0.85rem;
+        line-height: 1.5;
+      }
+    }
+  }
+
+  .ticket-timeline {
+    margin-top: 1.25rem;
+    padding-top: 1.25rem;
+
+    h4 {
+      font-size: 1.05rem !important;
+      margin-bottom: 0.75rem !important;
+    }
+
+    .timeline-list {
+      margin-top: 1rem;
+      padding-left: 1.25rem;
+
+      &::before {
+        left: 0.2rem;
+        width: 1.5px;
+      }
+    }
+
+    .timeline-item {
+      margin-bottom: 1rem;
+
+      .timeline-icon {
+        left: -1.25rem;
+        width: 16px;
+        height: 16px;
+
+        i {
+          font-size: 0.5rem;
+        }
+      }
+
+      .timeline-content {
+        .timeline-description {
+          font-size: 0.85rem;
+          line-height: 1.5;
+        }
+
+        .timeline-date {
+          font-size: 0.75rem;
+        }
+      }
+    }
+  }
+
+  .knowledge-base {
+    .kb-search-form {
+      margin-bottom: 2rem;
+
+      .search-input-group {
+        .search-icon {
+          left: 0.875rem;
+          font-size: 1rem;
+        }
+
+        .form-control {
+          padding: 0.75rem 2.75rem;
+          font-size: 0.85rem;
+          border-radius: 20px;
+          border-width: 1.5px;
+        }
+
+        .clear-search {
+          right: 0.875rem;
+          font-size: 1rem;
+          padding: 0.375rem;
+        }
+      }
+    }
+
+    .kb-categories {
+      margin-bottom: 1.75rem;
+
+      h3 {
+        font-size: 1.15rem;
+        margin-bottom: 1rem;
+      }
+
+      .category-card {
+        padding: 0.875rem;
+        border-radius: 10px;
+        border-left-width: 3px;
+
+        .category-icon {
+          font-size: 1.35rem;
+          margin-bottom: 0.625rem;
+        }
+
+        .category-content {
+          h4 {
+            font-size: 1rem;
+            margin-bottom: 0.35rem;
+          }
+
+          p {
+            font-size: 0.8rem;
+            margin-bottom: 0.625rem;
+            line-height: 1.4;
+          }
+
+          .category-meta {
+            .article-count {
+              font-size: 0.8rem;
+            }
+          }
+        }
+      }
+    }
+
+    .kb-articles {
+      .articles-header {
+        margin-bottom: 1.25rem;
+
+        .d-flex {
+          flex-direction: column;
+          align-items: flex-start !important;
+          gap: 0.75rem;
+        }
+
+        h3 {
+          font-size: 1.15rem;
+          margin-bottom: 0.35rem;
+        }
+
+        .search-info {
+          font-size: 0.85rem;
+        }
+
+        .btn-sm {
+          font-size: 0.8rem;
+          padding: 0.45rem 0.875rem;
+          width: 100%;
+          justify-content: center;
+        }
+      }
+
+      .articles-list {
+        gap: 1rem;
+      }
+
+      .article-item {
+        padding: 1rem;
+        border-radius: 8px;
+
+        &:hover {
+          transform: translateY(-1px);
+        }
+
+        .article-header {
+          margin-bottom: 0.75rem;
+
+          h4 {
+            font-size: 1.05rem;
+            line-height: 1.3;
+          }
+
+          .featured-badge {
+            font-size: 0.75rem;
+            padding: 0.3rem 0.75rem;
+            margin-top: 0.5rem;
+
+            i {
+              font-size: 0.8rem;
+            }
+          }
+        }
+
+        .article-summary {
+          font-size: 0.85rem;
+          line-height: 1.5;
+          margin-bottom: 0.75rem;
+        }
+
+        .article-meta {
+          gap: 0.75rem;
+          margin-bottom: 0.75rem;
+          padding-bottom: 0.75rem;
+
+          .article-category,
+          .article-stats {
+            font-size: 0.75rem;
+
+            i {
+              margin-right: 0.3rem;
+              font-size: 0.8rem;
+            }
+          }
+        }
+
+        .article-read-more {
+          font-size: 0.85rem;
+
+          &:hover {
+            transform: translateX(3px);
+          }
+
+          i {
+            margin-left: 0.35rem;
+            font-size: 0.85rem;
+          }
+        }
+      }
+    }
+  }
+
+  .kb-modal-overlay {
+    padding: 0.5rem;
+  }
+
+  .kb-modal {
+    max-height: 97vh;
+    border-radius: 8px;
+
+    .modal-close {
+      top: 0.5rem;
+      right: 0.5rem;
+      width: 32px;
+      height: 32px;
+      font-size: 1rem;
+    }
+
+    .modal-content {
+      padding: 1.25rem;
+    }
+
+    .article-header {
+      margin-bottom: 1.25rem;
+
+      .featured-badge {
+        font-size: 0.75rem;
+        padding: 0.3rem 0.75rem;
+        margin-bottom: 0.75rem;
+      }
+
+      h2 {
+        font-size: 1.5rem;
+        margin-bottom: 0.75rem;
+        line-height: 1.3;
+      }
+
+      .article-meta {
+        gap: 0.875rem;
+        font-size: 0.8rem;
+
+        .meta-item {
+          i {
+            margin-right: 0.3rem;
+            font-size: 0.85rem;
+          }
+        }
+      }
+    }
+
+    .article-body {
+      margin-bottom: 1.25rem;
+
+      .article-content {
+        font-size: 0.9rem;
+        line-height: 1.6;
+
+        h1 {
+          font-size: 1.5rem;
+        }
+
+        h2 {
+          font-size: 1.35rem;
+        }
+
+        h3 {
+          font-size: 1.2rem;
+        }
+
+        h4 {
+          font-size: 1.05rem;
+        }
+
+        h5, h6 {
+          font-size: 0.95rem;
+        }
+
+        h1, h2, h3, h4, h5, h6 {
+          margin-top: 1.25rem;
+          margin-bottom: 0.625rem;
+        }
+
+        p {
+          margin-bottom: 1rem;
+        }
+
+        ul, ol {
+          margin-bottom: 1rem;
+          padding-left: 1.25rem;
+
+          li {
+            margin-bottom: 0.375rem;
+          }
+        }
+
+        code {
+          padding: 0.15rem 0.4rem;
+          border-radius: 3px;
+          font-size: 0.85rem;
+        }
+
+        pre {
+          padding: 1rem;
+          margin-bottom: 1rem;
+          border-radius: 6px;
+          font-size: 0.8rem;
+        }
+      }
+    }
+
+    .article-footer {
+      padding-top: 1.25rem;
+      border-top-width: 1.5px;
+
+      .article-feedback {
+        h4 {
+          font-size: 1.05rem;
+          margin-bottom: 0.75rem;
+        }
+
+        .feedback-thanks {
+          font-size: 0.95rem;
+
+          i {
+            margin-right: 0.35rem;
+          }
+        }
+
+        .feedback-buttons {
+          gap: 0.625rem;
+          flex-direction: column;
+
+          .btn {
+            font-size: 0.85rem;
+            padding: 0.55rem 1rem;
+            width: 100%;
+            justify-content: center;
+
+            i {
+              margin-right: 0.35rem;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .loading-state,
+  .empty-state {
+    padding: 2rem 1rem;
+
+    .spinner-border {
+      width: 2.25rem;
+      height: 2.25rem;
+      border-width: 0.25rem;
+    }
+
+    p {
+      font-size: 0.95rem;
+      margin-top: 0.875rem;
+    }
+
+    h4 {
+      font-size: 1.25rem;
+      margin-bottom: 0.625rem;
+    }
+
+    .empty-icon {
+      font-size: 3rem;
+      margin-bottom: 1rem;
+    }
+  }
+
+  .error-state {
+    padding: 2rem 1rem;
+
+    i {
+      font-size: 3rem;
+      margin-bottom: 0.75rem;
+    }
+
+    h3 {
+      font-size: 1.25rem;
+      margin-bottom: 0.5rem;
+    }
+
+    p {
+      font-size: 0.9rem;
+    }
+  }
+}
+
+// Extra small mobile (up to 424px)
+@media only screen and (max-width: 424.98px) {
+  .support-hero {
+    padding: 60px 0 35px;
+    margin-top: 65px;
+
+    &__title {
+      font-size: 1.5rem;
+    }
+
+    &__subtitle {
+      font-size: 0.9rem;
+    }
+
+    &__features {
+      margin-top: 1.5rem;
+
+      .feature-item {
+        padding: 0.75rem;
+
+        .feature-icon {
+          width: 40px;
+          height: 40px;
+          font-size: 1rem;
+          margin-bottom: 0.5rem;
+        }
+
+        h3 {
+          font-size: 0.9rem;
+        }
+
+        p {
+          font-size: 0.75rem;
+        }
+      }
+    }
+  }
+
+  .support-tabs {
+    &__nav {
+      li button {
+        padding: 0.7rem 0.875rem;
+        font-size: 0.85rem;
+
+        i {
+          font-size: 0.95rem;
+        }
+      }
+    }
+
+    &__content {
+      padding: 1.25rem 0.875rem;
+    }
+  }
+
+  .form-header {
+    h2 {
+      font-size: 1.25rem;
+    }
+
+    p {
+      font-size: 0.85rem;
+    }
+  }
+
+  .kb-modal {
+    .article-header {
+      h2 {
+        font-size: 1.35rem;
+      }
+    }
+  }
+}
+