diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index bcbc0fe..9eedb03 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,55 +1,28 @@
import type { Metadata } from "next";
-import { Halant } from "next/font/google";
-import { Inter } from "next/font/google";
-import { Nunito } from "next/font/google";
+import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-const halant = Halant({
- variable: "--font-halant", subsets: ["latin"],
- weight: ["300", "400", "500", "600", "700"],
+const geist = Geist({
+ variable: "--font-geist-sans", subsets: ["latin"],
});
-const inter = Inter({
- variable: "--font-inter", subsets: ["latin"],
-});
-
-const nunito = Nunito({
- variable: "--font-nunito", subsets: ["latin"],
+const geistMono = Geist_Mono({
+ variable: "--font-geist-mono", subsets: ["latin"],
});
export const metadata: Metadata = {
- title: "StudyMap - Interactive Study Maps for Better Learning", description: "Create visual study maps to organize knowledge, collaborate with peers, and track learning progress. Transform complex topics into clear learning pathways.", keywords: "study maps, learning tools, knowledge mapping, educational platform, collaborative learning, study organization", metadataBase: new URL("https://studymap.example.com"),
- openGraph: {
- title: "StudyMap - Master Your Learning", description: "Create interactive study maps to visualize and master any subject", url: "https://studymap.example.com", siteName: "StudyMap", type: "website", images: [
- {
- url: "http://img.b2bpic.net/free-vector/hand-drawn-banners-with-digital-learning-elements_23-2147597512.jpg", alt: "StudyMap Dashboard"},
- ],
- },
- twitter: {
- card: "summary_large_image", title: "StudyMap - Master Your Learning", description: "Create interactive study maps to visualize and master any subject", images: ["http://img.b2bpic.net/free-vector/hand-drawn-banners-with-digital-learning-elements_23-2147597512.jpg"],
- },
- robots: {
- index: true,
- follow: true,
- },
-};
+ title: "StudyMap - Master Your Learning with Interactive Study Maps", description: "Create, visualize, and share comprehensive study maps to organize your knowledge. Transform complex topics into clear, connected learning pathways."};
export default function RootLayout({
children,
-}: Readonly<{
+}: {
children: React.ReactNode;
-}>) {
+}) {
return (
-
-
-
-
- {children}
-
+
+
+ {children}
+
-
);
}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1f62a66..89c7366 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { useState } from "react";
import {
Sparkles,
BookOpen,
@@ -22,9 +23,42 @@ import {
Building2,
Target,
Code,
+ Volume2,
+ Play,
+ Pause,
} from "lucide-react";
export default function LandingPage() {
+ const [activeFeature, setActiveFeature] = useState(0);
+ const [isPlaying, setIsPlaying] = useState(false);
+ const [quizScores, setQuizScores] = useState>({});
+ const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 });
+
+ const handleMouseMove = (e: React.MouseEvent) => {
+ const rect = e.currentTarget.getBoundingClientRect();
+ setMousePosition({
+ x: e.clientX - rect.left,
+ y: e.clientY - rect.top,
+ });
+ };
+
+ const handleVoiceExplanation = (featureTitle: string) => {
+ setIsPlaying(!isPlaying);
+ if (!isPlaying) {
+ const utterance = new SpeechSynthesisUtterance(`Let me explain ${featureTitle}`);
+ window.speechSynthesis.speak(utterance);
+ } else {
+ window.speechSynthesis.cancel();
+ }
+ };
+
+ const handleQuizAnswer = (featureId: number, correct: boolean) => {
+ setQuizScores(prev => ({
+ ...prev,
+ [featureId]: (prev[featureId] || 0) + (correct ? 1 : 0),
+ }));
+ };
+
return (
-
+
+
+
+
+
Interactive Feature Exploration
+
+
+
Hover over features to see movement-based interactions. Use voice explanations and test your knowledge with mini quizzes.
+
+
+ {[1, 2, 3].map(featureId => (
+
setActiveFeature(featureId - 1)}
+ >
+
+
Feature {featureId}
+
+
+ Score: {quizScores[featureId] || 0}
+
+
+ ))}
+
+
+
@@ -169,10 +245,10 @@ export default function LandingPage() {
tag="Testimonials"
testimonials={[
{
- id: "1", name: "Sarah Mitchell", role: "High School Student", testimonial: "StudyMap helped me visualize the connections between topics. I went from struggling with biology to getting straight A's!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3774.jpg", icon: BookMarked,
+ id: "1", name: "Sarah Mitchell", role: "High School Student", testimonial: "StudyMap helped me visualize the connections between topics. I went from struggling with biology to getting straight A's!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3774.jpg?_wi=2", icon: BookMarked,
},
{
- id: "2", name: "Professor James Lee", role: "University Educator", testimonial: "My students are more engaged than ever. StudyMap makes complex concepts accessible and exciting to explore.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", icon: Award,
+ id: "2", name: "Professor James Lee", role: "University Educator", testimonial: "My students are more engaged than ever. StudyMap makes complex concepts accessible and exciting to explore.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=2", icon: Award,
},
{
id: "3", name: "Emma Rodriguez", role: "Test Prep Student", testimonial: "I used StudyMap to prepare for the SAT and improved my score by 200 points. The visual organization was game-changing.", imageSrc: "http://img.b2bpic.net/free-photo/happy-elegant-joyful-guy-grey-jacket-shirt-wears-glasses-gray_291650-1303.jpg", icon: Star,
@@ -181,10 +257,10 @@ export default function LandingPage() {
id: "4", name: "David Park", role: "Graduate Student", testimonial: "As a grad student, StudyMap keeps my research organized and helps me see patterns I would have missed otherwise.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg", icon: Lightbulb,
},
{
- id: "5", name: "Lisa Thompson", role: "Corporate Trainer", testimonial: "We use StudyMap for employee training. It's transformed how we deliver and track learning outcomes.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3774.jpg", icon: Target,
+ id: "5", name: "Lisa Thompson", role: "Corporate Trainer", testimonial: "We use StudyMap for employee training. It's transformed how we deliver and track learning outcomes.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3774.jpg?_wi=3", icon: Target,
},
{
- id: "6", name: "Michael Chen", role: "Self-Taught Developer", testimonial: "Learning to code was overwhelming until I found StudyMap. Now I can track my progress through different programming concepts.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", icon: Code,
+ id: "6", name: "Michael Chen", role: "Self-Taught Developer", testimonial: "Learning to code was overwhelming until I found StudyMap. Now I can track my progress through different programming concepts.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=3", icon: Code,
},
]}
animationType="slide-up"