Bob AI: Add study-materials-library page

src/App.tsx

@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
+import StudyMaterialsLibraryPage from "@/pages/StudyMaterialsLibraryPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/study-materials-library" element={<StudyMaterialsLibraryPage />} />
       </Route>
     </Routes>
   );

src/components/Layout.tsx

@@ -34,7 +34,9 @@ export default function Layout() {
   {
     "name": "Metrics",
     "href": "#metrics"
-  }
+  },
+  { name: "Study Materials Library", href: "/study-materials-library" },
+
 ];
 
   return (

src/pages/StudyMaterialsLibraryPage.tsx

@@ -0,0 +1,99 @@
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards";
+import PricingHighlightedCards from "@/components/sections/pricing/PricingHighlightedCards";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function StudyMaterialsLibraryPage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground">
+      <NavbarCentered
+        logo="IELTS Prep"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Get Started", href: "/signup" }}
+      />
+
+      <HeroBillboard
+        tag="Library"
+        title="Your Ultimate IELTS Study Resource"
+        description="Access thousands of high-quality practice materials, model answers, and expert strategies to achieve your target band score."
+        primaryButton={{ text: "Browse Library", href: "#library" }}
+        secondaryButton={{ text: "View Plans", href: "#pricing" }}
+      />
+
+      <FeaturesIconCards
+        tag="Categories"
+        title="Comprehensive Study Materials"
+        description="Everything you need to master all four sections of the IELTS exam."
+        features={[
+          { 
+            icon: "🎧", 
+            title: "Listening", 
+            description: "Full audio tracks, transcripts, and practice tests with detailed explanations." 
+          },
+          { 
+            icon: "📖", 
+            title: "Reading", 
+            description: "Academic and General Training passages with varied question types." 
+          },
+          { 
+            icon: "✍️", 
+            title: "Writing", 
+            description: "Task 1 and Task 2 model essays, vocabulary lists, and structure guides." 
+          },
+          { 
+            icon: "🗣️", 
+            title: "Speaking", 
+            description: "Mock interview recordings, cue cards, and pronunciation exercises." 
+          }
+        ]}
+      />
+
+      <PricingHighlightedCards
+        tag="Pricing"
+        title="Unlock Premium Materials"
+        description="Choose the plan that best fits your preparation needs."
+        plans={[
+          {
+            tag: "Basic",
+            price: "Free",
+            description: "Get started with essential practice materials.",
+            features: ["1 Full Practice Test", "Basic Study Guide", "Limited Vocabulary Lists"]
+          },
+          {
+            tag: "Best Value",
+            price: "$49/mo",
+            description: "Complete access to our entire study library.",
+            features: ["Unlimited Practice Tests", "All Model Answers", "Audio Transcripts", "Advanced Vocabulary"]
+          },
+          {
+            tag: "Elite",
+            price: "$99/mo",
+            description: "Premium materials plus expert feedback.",
+            features: ["Everything in Pro", "4 Essay Corrections/mo", "1 Speaking Mock Test/mo", "Priority Support"]
+          }
+        ]}
+      />
+
+      <FooterSimple
+        brand="IELTS Prep"
+        copyright="© 2024 IELTS Prep. All rights reserved."
+        columns={[
+          { 
+            title: "Resources", 
+            items: [{ label: "Library", href: "#" }, { label: "Blog", href: "#" }] 
+          },
+          { 
+            title: "Company", 
+            items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] 
+          }
+        ]}
+        links={[
+          { label: "Privacy Policy", href: "#" },
+          { label: "Terms of Service", href: "#" }
+        ]}
+      />
+    </div>
+  );
+}

src/routes.ts

@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/study-materials-library', label: 'Study Materials Library', pageFile: 'StudyMaterialsLibraryPage' },
 ];