Redesign Homepage to Improve User Discovery and Engagement by hetul8 · Pull Request #3 · noxtix/deepcortex

hetul8 · 2026-01-27T10:01:24Z

Redesign Homepage to Improve User Discovery and Engagement

Revamped app/page.js to serve as a central hub with a Hero search section, Featured Tools, Stacks Preview, and Latest Posts.
Refactored Hero component to include a functional search bar that redirects to /tools with search queries.
Updated app/tools/page.js to handle searchParams for filtering on load.
Added FeaturedTools, StacksPreview, and LatestPosts components.
Verified changes with Playwright tests and visual inspection.

PR created automatically by Jules for task 8973994029323305125 started by @hetul8

- Add JSON-LD structured data for WebSite, Organization, SoftwareApplication, CollectionPage, and BlogPosting schemas. - Enhance metadata across all pages (title, description, OpenGraph, Twitter cards). - Add `app/sitemap.js` to include dynamic routes for tools, stacks, and blogs. - Create `app/tools/page.js` (Server Component) with search/filter functionality (Client Component). - Refactor `app/tool/[slug]/page.js` and `app/stacks/[slug]/page.js` to be Server Components for better SEO, extracting interactive elements to Client Components. - Improve `StackBuilder` UI and add metadata to `app/stacks/build/page.js`. - Update `next.config.mjs` to allow external image domains.

- Create `app/admin/subscribers/page.js` to list newsletter subscribers. - Implement server-side fetching using `resend.contacts.list`. - Add simple security check via `ADMIN_SECRET` environment variable and `key` query parameter. - Display leads in a responsive table with status and timestamps. - Provide a fallback UI for unauthorized access or API errors.

- Create secure Admin layout and login flow (`/admin`). - Implement CRUD operations for Tools via server actions and filesystem persistence. - Implement CRUD operations for Blog Posts (MDX) via server actions. - Migrate Subscriber view to the new Admin layout. - Install `resend` and `gray-matter` dependencies. - Refactor Tools Admin to read JSON at runtime, ensuring data freshness. - Add `app/actions/auth.js`, `app/actions/toolActions.js`, and `app/actions/postActions.js`.

- Add `app/admin` route with protected layout and login. - Implement server actions for CRUD operations on Tools and Blog Posts. - Create `app/admin/subscribers` to view Resend contacts. - Add `resend`, `gray-matter`, and `lucide-react` dependencies. - Refactor dynamic admin pages for runtime data fetching. - Secure routes with cookie-based authentication.

- Add `export const dynamic = 'force-dynamic'` to admin layout, login, and dashboard pages to prevent build-time failures from missing env vars/cookies. - Implement robust error handling with `app/admin/error.js` and `app/admin/not-found.js`. - Ensure all dependencies (`lucide-react`, `gray-matter`, `resend`) are installed. - Refactor admin data fetching to be safe for runtime execution. - Add `ADMIN_SETUP.md` with instructions for configuring environment variables.

- Fix static generation errors by forcing dynamic rendering for admin routes. - Implement runtime data fetching for Tools pages to fix stale data issues (replaced static import with `fs.readFile`). - Update `package.json` with missing dependencies (`framer-motion`, `lucide-react`, `gray-matter`, `resend`). - Refactor images to use `next/image` for better performance and fix linting errors. - Fix UI crashes in `CardNav` and `ToolIcon` due to missing `use client` directives and dependencies. - Add `ADMIN_SETUP.md` documentation.

- Revamped `app/page.js` to serve as a central hub with a Hero search section, Featured Tools, Stacks Preview, and Latest Posts. - Refactored `Hero` component to include a functional search bar that redirects to `/tools` with search queries. - Updated `app/tools/page.js` to handle `searchParams` for filtering on load. - Added `FeaturedTools`, `StacksPreview`, and `LatestPosts` components. Co-authored-by: hetul8 <171814279+hetul8@users.noreply.github.com>

google-labs-jules · 2026-01-27T10:01:26Z

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

For security, I will only act on instructions from the user who triggered this task.

vercel · 2026-01-27T10:01:26Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
deepcortex	Ready	Preview, Comment	Jan 27, 2026 2:30pm

Copilot

Pull request overview

This PR redesigns the homepage from a simple landing page into a comprehensive hub that showcases AI tools, stacks, and blog content to improve user discovery and engagement.

Changes:

Transformed the homepage into a multi-section layout with Hero search, Featured Tools, Stacks Preview, and Latest Posts sections
Enhanced the Hero component with a functional search bar and quick filter buttons
Updated the tools directory page to accept and handle search parameters from URL navigation

Reviewed changes

Copilot reviewed 6 out of 7 changed files in this pull request and generated 5 comments.

Show a summary per file

File	Description
package-lock.json	Dependency lock file updated with peer dependency marker changes, likely from npm version differences
components/StacksPreview.jsx	New component displaying 3 curated stacks plus a "Build Custom Stack" CTA card in a grid layout
components/LatestPosts.jsx	New component showing the 3 most recent blog posts with images and excerpts
components/Hero.jsx	Refactored from static CTA to interactive search interface with quick category filters
components/FeaturedTools.jsx	New component displaying up to 6 featured tools in a grid layout
app/tools/page.js	Enhanced to sync search query from URL parameters via useEffect hook
app/page.js	Restructured to call new components and fetch blog posts, renamed internal component to HomeContent

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-01-27T10:07:57Z

components/FeaturedTools.jsx

+    const featuredTools = toolsData
+        .filter(t => t.isFeatured)
+        .sort((a, b) => b.rating - a.rating)
+        .slice(0, 6);


The FeaturedTools component is configured to display up to 6 featured tools (line 11), but the tools.json data currently only contains 2 tools with isFeatured: true (cursor-ai and one other). This will result in only 2 tools being displayed in what appears to be designed as a 3-column grid, which may look visually sparse. Consider either: (1) marking 4-6 more tools as featured, (2) falling back to high-rated tools when there aren't enough featured tools, or (3) adjusting the layout to accommodate fewer items. Reference: data/tools.json lines 68 and 730.

Copilot · 2026-01-27T10:07:58Z

components/Hero.jsx

+                    <input
+                        type="text"
+                        value={query}
+                        onChange={(e) => setQuery(e.target.value)}


The search input is missing a proper label for accessibility. While there is a placeholder, screen readers benefit from an explicit label. Consider adding either: (1) a visually hidden label using sr-only class, or (2) an aria-label attribute to the input element. Example: aria-label="Search for AI tools"

Suggested change

onChange={(e) => setQuery(e.target.value)}

onChange={(e) => setQuery(e.target.value)}

aria-label="Search for AI tools"

Copilot · 2026-01-27T10:07:58Z

components/LatestPosts.jsx

+                                <img
+                                    src={post.image}
+                                    alt={post.title}
+                                    className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
+                                />


Missing alt attribute on the img element. The alt attribute should describe the blog post image for accessibility purposes and SEO. Consider using the post title as the alt text, similar to how it's done in app/blog/page.js line 39.

Copilot · 2026-01-27T10:07:58Z

app/tools/page.js

+        const query = searchParams.get('search');
+        setSearchQuery(query || '');


The useEffect hook that syncs searchQuery from URL params (lines 15-18) may cause issues because it sets searchQuery state unconditionally on every searchParams change. This could interfere with the user's typing experience if searchParams change while the user is typing in the search box. Consider adding a condition to only update if the URL search value differs from the current searchQuery state, or use a ref to track whether the change originated from user input vs URL navigation.

Suggested change

const query = searchParams.get('search');

setSearchQuery(query || '');

const query = searchParams.get('search') || '';

setSearchQuery((prev) => (prev !== query ? query : prev));

Copilot · 2026-01-27T10:07:59Z

components/LatestPosts.jsx

@@ -0,0 +1,73 @@
+import Link from 'next/link';
+import { Calendar, ArrowRight, BookOpen } from 'lucide-react';


Unused import Calendar.

Suggested change

import { Calendar, ArrowRight, BookOpen } from 'lucide-react';

import { ArrowRight, BookOpen } from 'lucide-react';

Co-authored-by: hetul8 <171814279+hetul8@users.noreply.github.com>

- Fix footer positioning by updating app/layout.js to use flex-col and min-h-screen - Add 'Design & Build by Fluxora Studio' to Footer.jsx - Mark 6 tools as featured in data/tools.json to populate the Trending section - Create 5 new MDX blog posts in content/posts/ - Remove duplicate footer from app/page.js Co-authored-by: hetul8 <171814279+hetul8@users.noreply.github.com>

- Removed `<LightPillar>` animation from homepage to reduce distractions. - Removed `<SmoothScrolling>` wrapper to restore native scrolling and fix footer visibility issues. - Updated `Hero` H1 font size for better mobile responsiveness. Co-authored-by: hetul8 <171814279+hetul8@users.noreply.github.com>

…at/homepage-redesign-8973994029323305125

google-labs-jules bot and others added 7 commits January 22, 2026 17:42

Copilot AI review requested due to automatic review settings January 27, 2026 10:01

Copilot started reviewing on behalf of hetul8 January 27, 2026 10:02 View session

vercel bot deployed to Preview January 27, 2026 10:02 View deployment

Copilot AI reviewed Jan 27, 2026

View reviewed changes

Redesign home page with search, featured tools, stacks, and blog posts

9ad6aca

Co-authored-by: hetul8 <171814279+hetul8@users.noreply.github.com>

vercel bot deployed to Preview January 27, 2026 10:20 View deployment

vercel bot deployed to Production January 27, 2026 10:22 View deployment

vercel bot deployed to Preview January 27, 2026 10:50 View deployment

vercel bot deployed to Production January 27, 2026 11:03 View deployment

vercel bot deployed to Preview January 27, 2026 11:31 View deployment

vercel bot deployed to Production January 27, 2026 14:04 View deployment

hetul8 added 2 commits January 27, 2026 19:53

feat: upgrade blog images and optimize rendering

a60b56e

Merge branch 'seo-optimization-lead-gen-11191873197363847134' into fe…

3fb0ae0

…at/homepage-redesign-8973994029323305125

vercel bot deployed to Preview January 27, 2026 14:30 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Redesign Homepage to Improve User Discovery and Engagement#3

Redesign Homepage to Improve User Discovery and Engagement#3
hetul8 wants to merge 12 commits intomainfrom
feat/homepage-redesign-8973994029323305125

hetul8 commented Jan 27, 2026

Uh oh!

google-labs-jules bot commented Jan 27, 2026

Uh oh!

vercel bot commented Jan 27, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Jan 27, 2026

Uh oh!

Copilot AI Jan 27, 2026

Uh oh!

Copilot AI Jan 27, 2026

Uh oh!

Copilot AI Jan 27, 2026

Uh oh!

Copilot AI Jan 27, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

	onChange={(e) => setQuery(e.target.value)}
	onChange={(e) => setQuery(e.target.value)}
	aria-label="Search for AI tools"

		const query = searchParams.get('search');
		setSearchQuery(query \|\| '');

		@@ -0,0 +1,73 @@
		import Link from 'next/link';
		import { Calendar, ArrowRight, BookOpen } from 'lucide-react';

	import { Calendar, ArrowRight, BookOpen } from 'lucide-react';
	import { ArrowRight, BookOpen } from 'lucide-react';

Conversation

hetul8 commented Jan 27, 2026

Uh oh!

google-labs-jules bot commented Jan 27, 2026

Uh oh!

vercel bot commented Jan 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Jan 27, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 27, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 27, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 27, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Jan 27, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

vercel bot commented Jan 27, 2026 •

edited

Loading