Olaiwonismail · google-labs-jules · Jan 19, 2026
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
@@ -9,9 +9,63 @@ const inter = Inter({ subsets: ["latin"], variable: "--font-inter" })
 const jetbrainsMono = JetBrains_Mono({ subsets: ["latin"], variable: "--font-jetbrains" })
 
 export const metadata: Metadata = {
-  title: "StudyLabs -  Learning with Ai",
+  metadataBase: new URL('https://studylabs.vercel.app'),
+  title: {
+    default: "StudyLabs - The Best AI App to Help University Students Study",
+    template: "%s | StudyLabs"
+  },
   description:
-    "A study tool that actually gets to know you. Upload your materials and learn with AI-powered personalization.",
+    "Looking for an app to help you study? StudyLabs is the ultimate AI study companion for university students. Upload PDFs, generate quizzes, and master your exams with personalized AI tutoring.",
+  keywords: [
+    "app to help me study",
+    "AI study app",
+    "university study tool",
+    "exam prep",
+    "PDF to quiz",
+    "AI tutor",
+    "study companion",
+    "interactive learning",
+    "StudyLabs"
+  ],
+  authors: [{ name: "StudyLabs Team" }],
+  creator: "StudyLabs",
+  publisher: "StudyLabs",
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+      'max-video-preview': -1,
+      'max-image-preview': 'large',
+      'max-snippet': -1,
+    },
+  },
+  openGraph: {
+    type: "website",
+    locale: "en_US",
+    url: "https://studylabs.vercel.app",
+    title: "StudyLabs - The Best AI App to Help University Students Study",
+    description: "Transform your study materials into interactive lessons. StudyLabs is the ultimate AI study companion. Upload PDFs, get quizzes, and ace your exams.",
+    siteName: "StudyLabs",
+    images: [
+      {
+        url: "/og-image.png", // Assuming we might add one later, or it uses a default Vercel one.
+        width: 1200,
+        height: 630,
+        alt: "StudyLabs - AI Powered Learning",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "StudyLabs - AI Study App for University Students",
+    description: "The best app to help you study. Turn notes into quizzes and get instant AI help.",
+    // images: ["/twitter-image.png"], // Optional
+  },
+  alternates: {
+    canonical: "https://studylabs.vercel.app",
+  },
   generator: "v0.app",
 }
 

diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
@@ -18,10 +18,17 @@ import {
   ArrowRight,
   Play,
   Star,
-  Users
+  Users,
+  ChevronDown
 } from "lucide-react"
 import { onAuthStateChanged } from "firebase/auth"
 import { auth } from "@/lib/firebase"
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion"
 
 export default function LandingPage() {
   const router = useRouter()
@@ -101,8 +108,68 @@ export default function LandingPage() {
     },
   ]
 
+  const faqs = [
+    {
+      question: "What is the best app to help me study?",
+      answer: "StudyLabs is designed as the ultimate AI study companion for university students. It transforms your study materials (PDFs, videos, links) into interactive courses, quizzes, and provides an AI tutor to answer your specific questions."
+    },
+    {
+      question: "How can AI help university students study better?",
+      answer: "AI helps university students by creating personalized learning paths, generating practice quizzes from lecture notes, and explaining complex concepts in simple terms. StudyLabs adapts to your learning pace to ensure you master the material efficiently."
+    },
+    {
+      question: "Can I upload my own PDF notes?",
+      answer: "Yes! StudyLabs allows you to upload PDFs, YouTube videos, and web links. Our AI processes these materials to create structured lessons and quizzes tailored to your specific course content."
+    },
+    {
+      question: "Is StudyLabs free for students?",
+      answer: "StudyLabs offers a free tier that allows you to start learning immediately. You can upload materials and generate courses without a credit card."
+    }
+  ]
+
+  const jsonLd = {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    "name": "StudyLabs",
+    "applicationCategory": "EducationalApplication",
+    "operatingSystem": "Web",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "USD"
+    },
+    "description": "AI-powered study app for university students. Convert PDFs to quizzes, get homework help, and personalized tutoring.",
+    "aggregateRating": {
+      "@type": "AggregateRating",
+      "ratingValue": "4.8",
+      "ratingCount": "1250"
+    }
+  }
+
+  const faqJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    "mainEntity": faqs.map(faq => ({
+      "@type": "Question",
+      "name": faq.question,
+      "acceptedAnswer": {
+        "@type": "Answer",
+        "text": faq.answer
+      }
+    }))
+  }
+
   return (
     <div className="min-h-screen bg-background">
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+      />
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(faqJsonLd) }}
+      />
+
       {/* Header */}
       <header className="border-b border-border/20 bg-card/40 backdrop-blur-sm sticky top-0 z-50">
         <div className="container mx-auto px-4 py-4 flex items-center justify-between">
@@ -276,6 +343,37 @@ export default function LandingPage() {
         </div>
       </section>
 
+      {/* FAQ Section */}
+      <section className="py-20 bg-card/30">
+        <div className="container mx-auto px-4 max-w-3xl">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            whileInView={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.5 }}
+            viewport={{ once: true }}
+            className="text-center mb-16"
+          >
+            <h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4">
+              Frequently Asked Questions
+            </h2>
+            <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
+              Common questions about using StudyLabs for university studies.
+            </p>
+          </motion.div>
+
+          <Accordion type="single" collapsible className="w-full">
+            {faqs.map((faq, index) => (
+              <AccordionItem key={index} value={`item-${index}`}>
+                <AccordionTrigger>{faq.question}</AccordionTrigger>
+                <AccordionContent>
+                  {faq.answer}
+                </AccordionContent>
+              </AccordionItem>
+            ))}
+          </Accordion>
+        </div>
+      </section>
+
       {/* CTA Section */}
       <section className="py-20 relative overflow-hidden">
         <div className="absolute inset-0 bg-primary/10" />

diff --git a/frontend/app/robots.ts b/frontend/app/robots.ts
@@ -0,0 +1,12 @@
+import { MetadataRoute } from 'next'
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: {
+      userAgent: '*',
+      allow: '/',
+      disallow: '/dashboard/',
+    },
+    sitemap: 'https://studylabs.vercel.app/sitemap.xml',
+  }
+}
diff --git a/frontend/app/sitemap.ts b/frontend/app/sitemap.ts
@@ -0,0 +1,24 @@
+import { MetadataRoute } from 'next'
+
+export default function sitemap(): MetadataRoute.Sitemap {
+  return [
+    {
+      url: 'https://studylabs.vercel.app',
+      lastModified: new Date(),
+      changeFrequency: 'weekly',
+      priority: 1,
+    },
+    {
+      url: 'https://studylabs.vercel.app/login',
+      lastModified: new Date(),
+      changeFrequency: 'monthly',
+      priority: 0.8,
+    },
+    {
+      url: 'https://studylabs.vercel.app/signup',
+      lastModified: new Date(),
+      changeFrequency: 'monthly',
+      priority: 0.8,
+    },
+  ]
+}
diff --git a/frontend/components/ui/accordion.tsx b/frontend/components/ui/accordion.tsx
@@ -0,0 +1,58 @@
+"use client"
+
+import * as React from "react"
+import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { ChevronDown } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Accordion = AccordionPrimitive.Root
+
+const AccordionItem = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <AccordionPrimitive.Item
+    ref={ref}
+    className={cn("border-b", className)}
+    {...props}
+  />
+))
+AccordionItem.displayName = "AccordionItem"
+
+const AccordionTrigger = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Header className="flex">
+    <AccordionPrimitive.Trigger
+      ref={ref}
+      className={cn(
+        "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
+    </AccordionPrimitive.Trigger>
+  </AccordionPrimitive.Header>
+))
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
+
+const AccordionContent = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Content
+    ref={ref}
+    className="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    {...props}
+  >
+    <div className={cn("pb-4 pt-0", className)}>{children}</div>
+  </AccordionPrimitive.Content>
+))
+
+AccordionContent.displayName = AccordionPrimitive.Content.displayName
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
diff --git a/frontend/lib/firebase.ts b/frontend/lib/firebase.ts
@@ -2,12 +2,12 @@ import { initializeApp, getApps, getApp } from "firebase/app"
 import { getAuth } from "firebase/auth"
 
 const firebaseConfig = {
-  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
-  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
-  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
-  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
-  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
-  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
+  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY || "mock_key",
+  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN || "mock_domain",
+  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID || "mock_project_id",
+  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET || "mock_bucket",
+  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID || "mock_sender_id",
+  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID || "mock_app_id",
 }
 
 // Only initialize when config is present to avoid runtime errors in CI