diff --git a/src/app/contact/ContactForm.tsx b/src/app/contact/ContactForm.tsx index 1069a81..f508aae 100644 --- a/src/app/contact/ContactForm.tsx +++ b/src/app/contact/ContactForm.tsx @@ -28,7 +28,7 @@ export default function ContactForm() { const handleSubmit = async (e: React.FormEvent) => { e.preventDefault(); - // POST to /api/contact will be built later + // TODO: Replace with Airtable form embed once URL is available setSubmitted(true); }; diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 84baf03..1734169 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -3,6 +3,8 @@ import ContactForm from "./ContactForm"; export const metadata: Metadata = { title: "Contact", + description: + "Get in touch with the Micromelon team for quotes, support, or general enquiries.", }; export default function ContactPage() { diff --git a/src/app/download/page.tsx b/src/app/download/page.tsx index 479e337..a4cff44 100644 --- a/src/app/download/page.tsx +++ b/src/app/download/page.tsx @@ -5,6 +5,8 @@ import { Button } from "@/components/ui/Button"; export const metadata: Metadata = { title: "Download", + description: + "Download the Micromelon Code Editor, Robot Simulator, Junior, and Python library.", }; interface PlatformLink { @@ -109,11 +111,11 @@ const downloadProducts: ProductCardProps[] = [ imageAlt: "Micromelon Code Editor showing blocks and Python side by side", accent: "border-brand", platforms: [ - { label: "Windows", href: "#", icon: "\u{1F5A5}" }, - { label: "macOS", href: "#", icon: "\u{1F4BB}" }, - { label: "iPad", href: "#", icon: "\u{1F4F1}" }, - { label: "Android", href: "#", icon: "\u{1F4F1}" }, - { label: "Chromebook", href: "#", icon: "\u{1F4BB}" }, + { label: "Windows", href: "https://micromelon-s3.s3.ap-southeast-2.amazonaws.com/Micromelon+Code+Setup.exe", icon: "\u{1F5A5}" }, + { label: "macOS", href: "https://micromelon-s3.s3.ap-southeast-2.amazonaws.com/Micromelon+Code.dmg", icon: "\u{1F4BB}" }, + { label: "iPad", href: "https://apps.apple.com/au/app/micromelon-code/id1542702054", icon: "\u{1F4F1}" }, + { label: "Android", href: "https://play.google.com/store/apps/details?id=com.nicerapps.micromeloncode", icon: "\u{1F4F1}" }, + { label: "Chromebook", href: "https://play.google.com/store/apps/details?id=com.nicerapps.micromeloncode", icon: "\u{1F4BB}" }, ], }, { @@ -124,16 +126,16 @@ const downloadProducts: ProductCardProps[] = [ imageAlt: "Micromelon Robot Simulator 3D environment", accent: "border-teal-400", platforms: [ - { label: "Windows", href: "#", icon: "\u{1F5A5}" }, - { label: "macOS", href: "#", icon: "\u{1F4BB}" }, + { label: "Windows", href: "https://micromelon-s3.s3.ap-southeast-2.amazonaws.com/Micromelon+Simulator+Setup.exe", icon: "\u{1F5A5}" }, + { label: "macOS", href: "https://apps.apple.com/au/app/micromelon-simulator/id1544591007", icon: "\u{1F4BB}" }, ], }, { name: "Micromelon-Py", description: "A dedicated Python module providing an API for connecting and controlling Micromelon Rovers and simulated rovers. Perfect for senior students and advanced projects.", - image: "/images/products/rover-render.jpg", - imageAlt: "Micromelon Rover for Python programming", + image: "/images/content/6d295c-vscode-cover-photo.png", + imageAlt: "Micromelon Python library in VS Code", installCommand: "pip install micromelon", extraLink: { label: "View on PyPI", @@ -144,11 +146,11 @@ const downloadProducts: ProductCardProps[] = [ name: "Junior", description: "Ideal for students not yet confident to navigate the Code Editor, or for lesson plans which aim to teach the basics of computational thinking with a simplified interface.", - image: "/images/products/rover-big.png", + image: "/images/products/rover-render.jpg", imageAlt: "Micromelon Junior app for young learners", platforms: [ - { label: "iPad", href: "#", icon: "\u{1F4F1}" }, - { label: "Android", href: "#", icon: "\u{1F4F1}" }, + { label: "iPad", href: "https://apps.apple.com/au/app/micromelon-junior/id1522717379", icon: "\u{1F4F1}" }, + { label: "Android", href: "https://play.google.com/store/apps/details?id=com.nicerapps.micromelonjunior", icon: "\u{1F4F1}" }, ], }, ]; diff --git a/src/app/junior/page.tsx b/src/app/junior/page.tsx new file mode 100644 index 0000000..bb6b68b --- /dev/null +++ b/src/app/junior/page.tsx @@ -0,0 +1,176 @@ +import type { Metadata } from "next"; +import Image from "next/image"; +import { Container } from "@/components/layout/Container"; +import { Button } from "@/components/ui/Button"; +import { LearningPathway } from "@/components/ui/LearningPathway"; +import { RelatedResources } from "@/components/ui/RelatedResources"; +import { getAllResources } from "@/lib/resources"; + +export const metadata: Metadata = { + title: "Micromelon Junior", + description: + "A simplified coding app for young learners. Teach the basics of computational thinking with an easy-to-use interface on iPad and Android.", +}; + +export default function JuniorPage() { + const resources = getAllResources(); + const relatedResources = resources + .filter((r) => r.categories.includes("Getting Started")) + .slice(0, 4); + + return ( + <> + {/* Hero */} +
+ +
+
+

+ Micromelon Junior +

+

+ A simplified coding app for students who aren't yet ready + for the full Code Editor. Junior teaches the basics of + computational thinking with a friendly, easy-to-navigate + interface. +

+
+ + +
+
+
+ Micromelon Rover used with Junior app +
+
+ +
+ + {/* What is Junior */} +
+ +
+

+ Built for Younger Learners +

+

+ Junior is designed for lesson plans that focus on computational + thinking fundamentals like sequencing, loops, and simple + decision-making, without the complexity of a full coding + environment. +

+
+
+

+ Simplified Interface +

+

+ A pared-back design so students can focus on learning concepts + rather than navigating menus. +

+
+
+

+ Tablet-First +

+

+ Available on iPad and Android. Perfect for schools using + tablets in the classroom. +

+
+
+

+ Block-Based Coding +

+

+ Drag-and-drop blocks to build programs. No typing required, + making it accessible for early primary students. +

+
+
+

+ Works with the Rover +

+

+ Connect to a real Micromelon Rover and see programs come to + life, the same rover students will use as they progress. +

+
+
+
+ +
+ + {/* Pathway */} + + + {/* Available On */} +
+ +
+

+ Available On +

+

+ iPad and Android tablets. Download from the App Store or Google + Play. +

+
+ +
+
+ +
+ + {/* Related Resources */} + + + {/* CTA */} +
+ +
+

+ Ready to Start? +

+

+ Try Micromelon Junior on your classroom tablets, or explore the + full platform. +

+
+ + +
+
+ +
+ + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 4947162..e0abe3d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,8 +1,17 @@ +import type { Metadata } from "next"; import Image from "next/image"; import { Container } from "@/components/layout/Container"; import { Button } from "@/components/ui/Button"; import { SectionHeading } from "@/components/ui/SectionHeading"; +import { LearningPathway } from "@/components/ui/LearningPathway"; import { partners } from "@/data/partners"; +import { KNOWN_SCHOOLS } from "@/data/schools"; + +export const metadata: Metadata = { + title: "Micromelon Robotics", + description: + "Hands-on robotics for the classroom. Micromelon brings coding, sensors, and STEM to students from Prep to grade 12 and beyond.", +}; export default function HomePage() { return ( @@ -20,14 +29,16 @@ export default function HomePage() { className="mb-6" priority /> -

+

+ Hands-On Robotics for the Classroom +

+

Micromelon aims to bring like minded individuals, companies and organisations together to further the impact that STEM education can have on students, teachers and adults alike.

-
+
-
@@ -44,42 +55,13 @@ export default function HomePage() { - {/* Micromelon Robotics Platform */} -
- -
-
- Micromelon Platform - Rover, Code Editor, Simulator -
-
-

- Micromelon Robotics Platform -

-

- Whether we are running student workshops, delivering professional development - for teachers or consulting to systems of schools on how to best implement STEM, - build real-world assessments or design project based learning, we integrate the - hard skills of robotics and engineering whilst infusing dispositions to help - students succeed in whatever career they choose. -

-
- -
-
-
- -
+ {/* Learning Pathway */} + {/* Product Cards */}
-
+
{/* Rover */}
@@ -93,7 +75,7 @@ export default function HomePage() {

Micromelon Rover

- A purpose-built educational robot packed with sensors and tools, designed to grow with students from grade 3 to 12 and beyond. + A purpose-built educational robot packed with sensors and tools, designed to grow with students from Prep to grade 12 and beyond.

+ {/* Junior */} +
+
+ Micromelon Junior +
+
+

Junior

+

+ A simplified coding app for younger learners. Teach computational thinking basics with a friendly block-based interface on iPad and Android. +

+ +
+
+ {/* Code Editor */}
@@ -148,12 +151,30 @@ export default function HomePage() {
- {/* Partner Logos */} + {/* Schools */}
+
+ {KNOWN_SCHOOLS.slice(0, 50).map((school) => ( +

+ {school} +

+ ))} +
+ +
+ + {/* Partners */} +
+ +
{partners.map((partner) => (
@@ -56,8 +52,8 @@ export default function PlatformPage() { expansive STEM resource that empowers students to explore what's possible with programming and engineering. Built by a team of Australian engineers and educators, the Micromelon Rover - has been specifically designed to cater to students from grade - three all the way through to grade 12 and beyond. Out of the + has been specifically designed to cater to students from Prep + all the way through to grade 12 and beyond. Out of the box, Micromelon Rovers are full of sensors and tools, and are designed to grow with your students at all stages of the learning process. @@ -70,54 +66,46 @@ export default function PlatformPage() {
- {/* Robot Simulator */} -
+ {/* Learning Pathway */} + + + {/* Junior */} +
-
-

- Robot Simulator -

-

- We developed the simulator so that learning can continue outside - the classroom and without the need for a physical robot. The - Simulator is ideal for homework and running complex challenges. - Filled with virtual exercises and challenges allowing students to - build confidence with programming and to explore all of the - Rovers' capabilities. -

-
- -
-
-
+
Micromelon Robot Simulator
+
+

+ Micromelon Junior +

+

+ A simplified coding app for younger or beginner students. + Junior focuses on the basics of computational thinking with a + friendly block-based interface, ideal for students not yet + confident to navigate the full Code Editor. Available on iPad + and Android. +

+
+ +
+
{/* Code Editor */} -
+
-
- Micromelon Code Editor -
-
+

Code Editor

@@ -156,6 +144,101 @@ export default function PlatformPage() {
+
+ Micromelon Code Editor +
+
+ +
+ + {/* Python Library */} +
+ +
+
+ Micromelon Python library used in VS Code +
+
+

+ Python Library +

+

+ Advanced students can move beyond the Code Editor and control + their rover from any Python environment, including VS Code, + PyCharm, and Jupyter Notebooks. Combine the rover with other + Python libraries for computer vision, data analysis, and more. +

+
+ +
+
+
+ +
+ + {/* Robot Simulator */} +
+ +
+
+

+ Robot Simulator +

+

+ We developed the simulator so that learning can continue outside + the classroom and without the need for a physical robot. The + Simulator is ideal for homework and running complex challenges. + Filled with virtual exercises and challenges allowing students to + build confidence with programming and to explore all of the + Rovers' capabilities. +

+
+ +
+
+
+ Micromelon Robot Simulator +
+
+ +
+ {/* CTA */} +
+ +
+

+ Ready to bring robotics to your classroom? +

+

+ Get in touch for a quote tailored to your school's needs. +

+
+ + +
diff --git a/src/app/python/page.tsx b/src/app/python/page.tsx new file mode 100644 index 0000000..5eccd8d --- /dev/null +++ b/src/app/python/page.tsx @@ -0,0 +1,161 @@ +import type { Metadata } from "next"; +import Image from "next/image"; +import { Container } from "@/components/layout/Container"; +import { Button } from "@/components/ui/Button"; +import { LearningPathway } from "@/components/ui/LearningPathway"; +import { RelatedResources } from "@/components/ui/RelatedResources"; +import { getAllResources } from "@/lib/resources"; + +export const metadata: Metadata = { + title: "Micromelon Python Library", + description: + "A dedicated Python module for connecting and controlling Micromelon Rovers and simulated rovers. Perfect for senior students and advanced projects.", +}; + +export default function PythonPage() { + const resources = getAllResources(); + const relatedResources = resources + .filter((r) => r.categories.includes("Advanced Guides")) + .slice(0, 4); + + return ( + <> + {/* Hero */} +
+ +
+
+

+ Micromelon Python Library +

+

+ A dedicated Python module for controlling Micromelon Rovers and + simulated rovers from any Python environment. Perfect for senior + students ready to move beyond the Code Editor. +

+
+ + $ pip install micromelon + +
+
+ + +
+
+
+ Micromelon Python library used in VS Code +
+
+ +
+ + {/* Features */} +
+ +
+

+ Code in Any Python Environment +

+

+ The Micromelon Python library gives students full control of their + rover using standard Python. Use it in VS Code, PyCharm, Jupyter + Notebooks, or any environment that runs Python. +

+
+
+

+ Full Rover API +

+

+ Control motors, read sensors, play sounds, and set LEDs with a + clean, well-documented Python API. +

+
+
+

+ Works with the Simulator +

+

+ Connect to a simulated rover just as easily as a physical one. + Test and iterate without hardware. +

+
+
+

+ Use Your Own Editor +

+

+ VS Code, PyCharm, Jupyter Notebooks, or a plain terminal. + Students work in the tools real developers use. +

+
+
+

+ Advanced Projects +

+

+ Combine the rover with other Python libraries for computer + vision, data analysis, machine learning, and more. +

+
+
+
+ +
+ + {/* Pathway */} + + + {/* Related Resources */} + + + {/* CTA */} +
+ +
+

+ Ready to Get Started? +

+

+ Install the library and start controlling your rover in minutes. +

+
+ + +
+
+ +
+ + ); +} diff --git a/src/app/rover/page.tsx b/src/app/rover/page.tsx index c7965e7..fc6de22 100644 --- a/src/app/rover/page.tsx +++ b/src/app/rover/page.tsx @@ -117,6 +117,14 @@ export default function RoverPage() { Long battery life, tough, and packed with sensors to make a great classroom tool. Connect and run code in seconds.

+
+ + +
diff --git a/src/data/navigation.ts b/src/data/navigation.ts index aeb837f..7db209d 100644 --- a/src/data/navigation.ts +++ b/src/data/navigation.ts @@ -5,7 +5,17 @@ export interface NavItem { } export const navigation: NavItem[] = [ - { label: "Platform", href: "/platform" }, + { + label: "Platform", + href: "/platform", + children: [ + { label: "Micromelon Rover", href: "/rover" }, + { label: "Junior", href: "/junior" }, + { label: "Code Editor", href: "/code-editor" }, + { label: "Python Library", href: "/python" }, + { label: "Robot Simulator", href: "/robot-simulator" }, + ], + }, { label: "Resources", href: "/resources" }, { label: "News", href: "/news" }, { label: "About Us", href: "/about-us" }, @@ -30,6 +40,8 @@ export const footerNavigation = { { label: "Micromelon Rover", href: "/rover" }, { label: "Code Editor", href: "/code-editor" }, { label: "Robot Simulator", href: "/robot-simulator" }, + { label: "Junior", href: "/junior" }, + { label: "Python Library", href: "/python" }, ], support: [ { label: "Resources", href: "/resources" },