Now I have a thorough understanding of the MovesMethod site and the current project structure. The user wants a one-pager landing page in front of their existing dashboard. I'll create a landing page at the root and move the dashboard to /dashboard. Let me also read existing components I'll reference.
Now I have everything I need. I'll:
/dashboard/page.tsxLet me also generate the images first:
Now let me move the dashboard to its own route and create the landing page:
Now let me build the landing page components. First the hero section:
Now create the landing navbar and footer:
Now wire the landing page together:
Now let me also add smooth scrolling to the globals.css for the anchor links:
The one-pager landing page is complete. Here's a summary of what was built:
/dashboard.The existing dashboard is now accessible at /dashboard and the landing page serves as the front door at /.
This site will have a COURSES section and a PROGRAMS section, similar to Udemy. In addition to this format, there will be a BLOG page. The HOME PAGE will be designed to increase the appeal of the courses/programs section. I like the current format you've created. Let's add more things to it. Get inspiration from the following examples when designing the site: https://gmb.io/
https://vahvafitness.com/
Upload the most user-friendly features to the site.
The website's name is "SporBilinci"
Now I have a thorough understanding of both inspiration sites and the full codebase. This is a large multi-system build: rebranding to SporBilinci, adding new homepage sections (programs, courses, testimonials, blog preview, coach), plus 3 new pages (Courses, Programs, Blog). Let me plan this out.
Starting with Task 1: Rebranding to SporBilinci. Let me generate images we'll need across the site while I update the components.
Now let me update all the branding and navigation. I'll update layout, nav, hero, footer, and the rest:
Now the navigation - completely rewrite it for the new SporBilinci brand with proper mega-nav items:
Now rewrite the hero section for SporBilinci:
Now update the footer with full SporBilinci branding and link columns (like GMB/Vahva):
Task 1 done. Moving to Task 2: Featured Programs and Courses Preview sections for the homepage.
Now move to Task 3: Testimonials, Coach, and Blog Preview.
Now wire all the new sections into the homepage:
Also update the CTA section to match the new brand:
Now move to Task 4: Build the Courses listing page.
Now Task 5: Programs listing page.
Now Task 6: Blog page.
The full SporBilinci website is complete. Here's a summary of everything built:
Homepage (/) -- A rich one-pager inspired by GMB.io and Vahva Fitness, featuring: a bold hero with stats and dual CTAs, a featured programs carousel (Movement Mastery, Functional Strength, Recovery), a Udemy-style course preview grid with ratings/stars/instructor info, a "How it Works" 3-step explainer, a coach/about section with photo and founder stats, a scrollable testimonials carousel, a feature highlights grid, a blog preview with 3 latest articles, an FAQ accordion, and a full CTA + multi-column footer with social links.
Courses page (/courses) -- A full Udemy-inspired course catalog with category filter tabs (Mobility, Strength, Recovery, Flexibility, Nutrition), a search bar, 8 courses with star ratings, lesson counts, instructor names, and level badges. Empty state for no results.
Programs page (/programs) -- Large alternating-layout program cards with images, descriptions, highlight checklists, metadata (duration, sessions/week, enrolled count), and "Start Program" CTAs for 4 multi-week training programs.
Blog page (/blog) -- A featured article hero card plus a filterable 3-column grid of 9 articles with categories, authors, read times, and search. The existing dashboard remains accessible at /dashboard.
Great, go ahead and create the full WordPress one-page theme file-by-file.
Start with:
style.css (with correct theme header)
index.php (with basic structure and WordPress functions)
functions.php (enqueue styles and scripts)
Then continue with:
Optional header.php, footer.php, front-page.php if needed
Basic Customizer settings (if included)
Once you generate all, I’ll copy them into a folder and zip it for upload.
You can send messages while the preview loads