From 07a9985d84c49bc28bc232b9ec1339f2314649a5 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 17 Mar 2026 14:06:32 +0000 Subject: [PATCH 1/6] Update src/app/developers/page.tsx --- src/app/developers/page.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/app/developers/page.tsx b/src/app/developers/page.tsx index 3947c99..d234cfc 100644 --- a/src/app/developers/page.tsx +++ b/src/app/developers/page.tsx @@ -93,7 +93,7 @@ export default function DevelopersPage() { { text: "Get API Key", href: "#api-key" }, ]} buttonAnimation="blur-reveal" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-futuristic-command-deck-interface-with-1773756294602-ef33e871.png" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-futuristic-command-deck-interface-with-1773756294602-ef33e871.png?_wi=2" imageAlt="Morphix API Command Center" mediaAnimation="slide-up" /> @@ -107,7 +107,7 @@ export default function DevelopersPage() { { title: "Portfolio Generation API", description: "Programmatically create, update, and deploy high-performance portfolios. Customize templates, apply Nano-Banana AI branding, and export as React components or static HTML.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-sleek-portfolio-builder-interface-show-1773756296035-661d8e9c.png", + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-sleek-portfolio-builder-interface-show-1773756296035-661d8e9c.png?_wi=4", imageAlt: "Portfolio Generation API", buttonIcon: Code2, buttonHref: "#generate-api", @@ -115,7 +115,7 @@ export default function DevelopersPage() { { title: "Mentor Mode Streaming API", description: "Stream real-time code explanations, design psychology insights, and accessibility recommendations. Embed our educational overlay system into any web design tool or learning platform.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-portfolio-preview-with-hovering-toolti-1773756322947-24337097.jpg", + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-portfolio-preview-with-hovering-toolti-1773756322947-24337097.jpg?_wi=3", imageAlt: "Mentor Mode Streaming", buttonIcon: Shield, buttonHref: "#mentor-api", @@ -123,7 +123,7 @@ export default function DevelopersPage() { { title: "Hiring Manager Simulator API", description: "Run recruiter-grade portfolio analysis on demand. Get real-time scores for Creativity, Usability, Innovation, and Performance. Perfect for job placement platforms and career services.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-recruiter-persona-review-interface-sho-1773756296669-da715ac2.png", + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-recruiter-persona-review-interface-sho-1773756296669-da715ac2.png?_wi=3", imageAlt: "Hiring Manager Simulator", buttonIcon: Code2, buttonHref: "#hiring-api", @@ -143,7 +143,7 @@ export default function DevelopersPage() { useInvertedBackground={true} mediaAnimation="slide-up" faqsAnimation="slide-up" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-minimalist-workspace-showing-a-designe-1773756295008-41f68f9a.png" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-minimalist-workspace-showing-a-designe-1773756295008-41f68f9a.png?_wi=3" imageAlt="Developer Workspace" faqs={[ { -- 2.49.1 From 1aa87e13ca440b0b0835c59c9292110c5dcb27ef Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 17 Mar 2026 14:06:32 +0000 Subject: [PATCH 2/6] Update src/app/layout.tsx --- src/app/layout.tsx | 57 +++++++++++++++++++++++++++++++++++++++------- 1 file changed, 49 insertions(+), 8 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 5aaf8c4..7629de9 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,24 +1,63 @@ import type { Metadata } from "next"; import { Halant } from "next/font/google"; import { Inter } from "next/font/google"; +import { Nunito } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; import { getVisualEditScript } from "@/utils/visual-edit-script"; -import { Nunito } from "next/font/google"; +const halant = Halant({ + variable: "--font-halant", + subsets: ["latin"], + weight: ["300", "400", "500", "600", "700"], +}); - -export const metadata: Metadata = { - title: "Webild components 2", - description: "Generated by create next app", -}; +const inter = Inter({ + variable: "--font-inter", + subsets: ["latin"], +}); const nunito = Nunito({ variable: "--font-nunito", subsets: ["latin"], }); +export const metadata: Metadata = { + title: "Morphix AI - Build Awwwards Portfolios While Learning Web Design", + description: "Co-author stunning, high-motion portfolios while learning the 'Why' behind world-class web design. AI-powered mentorship, design education, and hiring manager feedback in one platform.", + keywords: "portfolio builder, web design education, AI mentor, code learning, design bootcamp, career preparation", + metadataBase: new URL("https://morphix.ai"), + alternates: { + canonical: "https://morphix.ai", + }, + openGraph: { + title: "Morphix AI - Edu-SaaS Portfolio Builder", + description: "Build Awwwards-level portfolios while learning real web design. Design-to-Code Mentor, Brand Engine, and Hiring Manager Simulator.", + url: "https://morphix.ai", + siteName: "Morphix AI", + type: "website", + images: [ + { + url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-futuristic-command-deck-interface-with-1773756294602-ef33e871.png", + alt: "Morphix AI Command Deck Interface", + }, + ], + }, + twitter: { + card: "summary_large_image", + title: "Morphix AI - Build Your Dream Portfolio", + description: "Co-author stunning portfolios while learning web design fundamentals with AI mentorship.", + images: [ + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-futuristic-command-deck-interface-with-1773756294602-ef33e871.png", + ], + }, + robots: { + index: true, + follow: true, + }, +}; + export default function RootLayout({ children, }: Readonly<{ @@ -27,7 +66,9 @@ export default function RootLayout({ return ( - + {children}