I'll help you build this complete educational website for English Language Builder. Let me start by generating design inspiration and setting up the project structure.

I have the design inspiration and project context. Let me start building the English Language Builder website. I'll first update the globals.css with the ELB color palette and set up the fonts, then create the components and pages.

Now let me create the shared components (Header, Footer) and the Home page:

Now let me create the Home page with all its sections:

Now let me move to the Courses page and create it:

Now let me create the About page:

Now let me create the Free Resources page:

Now let me create the final page - the Contact page:

Let me mark all tasks as complete and verify the site is working:

Took screenshot

I see there's an error with the Facebook icon import. Let me fix the footer component - the Facebook icon doesn't exist in lucide-react. I'll use a different approach:

Now let me also fix the Contact page which has the same Facebook icon issue:

Now let me verify the website is working:

Took screenshot

Let me fix the Youtube icon as well - it should be lowercase youtube:

Took screenshot

The home page is now loading. Let me scroll down to see more and also check the other pages to verify everything is working:

Scrolled home page

The "Why Choose ELB?" section looks great. Let me continue scrolling and also check the other pages:

Scrolled more

The stats section looks great. Let me check the other pages now:

Checked courses page

The Courses page is working great. Let me check the Resources and Contact pages:

Checked resources page

The Resources page looks great with the search bar and category filters. Let me check the Contact page:

Checked contact page

Excellent! Finally, let me check the About page:

Checked about page

All 5 pages are working properly. Let me check the mobile responsiveness of the home page:

Tested mobile view

The mobile view is working great with the hamburger menu. There is a small "1 Issue" indicator visible - let me check what the issue is by reading the debug logs:

I see those are old errors from before I fixed the icon issues. The current errors showing are just the asChild prop warning which is a React warning but doesn't break functionality. The website is now working correctly. Let me close the browser and summarize:

I've built a complete modern educational website for English Language Builder (ELB) with all 5 pages:

Pages Created:

1. Home Page - Hero section with CTAs, "Why Choose ELB" feature cards, featured courses grid, statistics banner (5000+ students, 500+ live classes, 98% positive feedback), testimonials section, and CTA banner
2. Courses Page - Hero banner, course grid with 4 courses (Natural Speaking, Spoken English, Grammar, IELTS Preparation), pricing in Bangladeshi Taka, "Why Our Courses Work" section, and FAQ accordion
3. About Page - Hero section, "Our Story" with 5000+ success stories stat, Mission & Vision cards, Founder profile, Teaching Methodology (Interactive Learning, Structured Curriculum, Small Batch Size, Practical Approach), and "Why Students Choose ELB" checklist
4. Free Resources Page - Searchable resource library with category filters (Vocabulary, Grammar Tips, Spoken English, Common Mistakes), blog-style cards with read times and popularity badges, and "Most Popular Resources" section
5. Contact Page - Contact form with validation and success state, contact information cards (Phone, Email, Facebook, WhatsApp), map placeholder, and office hours

Design Features:

• Primary Blue (#0A4D8C) and Accent Orange (#FF8A00) color scheme as specified
• Poppins and Hind Siliguri fonts for English and Bengali support
• Fully responsive design (desktop, tablet, mobile with hamburger menu)
• Soft shadows, rounded corners, clean white space
• Sticky header with navigation and CTA buttons
• Consistent footer across all pages with quick links, policies, and social icons