bender/59389307-8b8a-4f20-b0e1-31623d4e533c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 6 commits from version_1 into main 2026-03-17 14:06:38 +00:00
Conversation 0 Commits 6 Files Changed 6 +70 -29
6 changed files with 70 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/developers/page.tsx
View File

@@ -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={[
{

57
src/app/layout.tsx
View File

@@ -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 (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${nunito.variable} antialiased`}>
<body
className={`${halant.variable} ${inter.variable} ${nunito.variable} antialiased`}
>
<Tag />
{children}
<script
@@ -39,4 +80,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

16
src/app/page.tsx
View File

@@ -96,7 +96,7 @@ export default function HomePage() {
{ text: "View Demo", href: "#platform" },
]}
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=1"
imageAlt="Morphix AI Command Deck Interface"
mediaAnimation="slide-up"
/>
@@ -106,7 +106,7 @@ export default function HomePage() {
<MediaAbout
title="Why Morphix AI is Different"
description="Most AI builders create cookie-cutter sites that all look the same, and users learn nothing. Morphix solves this with a Learner-First approach. Instead of just building your site, we teach you the 'How' and 'Why' behind every design decision. Our patented Mentor Mode transforms static portfolios into interactive classrooms where you can hover over elements to see underlying code, understand design principles like accessibility ratios and UX psychology, and level up your web design literacy in real-time."
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=1"
imageAlt="Morphix AI Platform Showcase"
useInvertedBackground={true}
buttons={[{ text: "Explore Features", href: "#features" }]}
@@ -122,7 +122,7 @@ export default function HomePage() {
{
title: "Design-to-Code Mentor (The Heart)",
description: "Activate Mentor Mode and hover over any element to reveal the underlying React code, GSAP animations, and CSS Grid logic. Each element includes a 'Why' tooltip explaining design psychology, accessibility considerations, and performance optimization.",
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=1",
imageAlt: "Mentor Mode Code Overlay",
buttonIcon: Code2,
buttonHref: "#mentor",
@@ -130,7 +130,7 @@ export default function HomePage() {
{
title: "Generative Brand Engine (The Visuals)",
description: "Our Nano-Banana integration with Imagen 4.0 generates unique, high-end hero images, textures, and icons tailored to your industry. The Aesthetic Intelligence layer suggests templates (Minimal, Bold, Funky, Brutalist) based on your target company's vibe.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/nano-banana-ai-generated-brand-assets-un-1773756296789-efe26606.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/nano-banana-ai-generated-brand-assets-un-1773756296789-efe26606.png?_wi=1",
imageAlt: "AI-Generated Brand Assets",
buttonIcon: Wand2,
buttonHref: "#brands",
@@ -138,7 +138,7 @@ export default function HomePage() {
{
title: "Hiring Manager Simulator (The Final Boss)",
description: "After building your portfolio, our AI adopts the persona of a recruiter from companies like Apple, Spotify, or Google and reviews your site. You get honest feedback on design quality and project narrative strength, helping you perfect your recruiter appeal.",
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=1",
imageAlt: "Recruiter Feedback Interface",
buttonIcon: Briefcase,
buttonHref: "#simulator",
@@ -259,7 +259,7 @@ export default function HomePage() {
text: "Start 14-Day Free Trial",
href: "/signup?plan=pro",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-sleek-visualization-of-the-pro-tier-fe-1773756295310-1cb3e458.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-sleek-visualization-of-the-pro-tier-fe-1773756295310-1cb3e458.png?_wi=1",
},
{
id: "enterprise",
@@ -279,7 +279,7 @@ export default function HomePage() {
text: "Schedule Demo",
href: "/contact?plan=enterprise",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/enterprise-features-visualization-multi--1773756303157-a8357406.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/enterprise-features-visualization-multi--1773756303157-a8357406.png?_wi=1",
},
]}
/>
@@ -293,7 +293,7 @@ export default function HomePage() {
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=1"
imageAlt="Morphix AI Learning Experience"
faqs={[
{

8
src/app/platform/page.tsx
View File

@@ -92,7 +92,7 @@ export default function PlatformPage() {
{ text: "Back to Home", href: "/" },
]}
buttonAnimation="blur-reveal"
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=2"
imageAlt="Morphix AI Platform Interface"
mediaAnimation="slide-up"
/>
@@ -106,7 +106,7 @@ export default function PlatformPage() {
{
title: "Design-to-Code Mentor - Learn While You Build",
description: "Hover over any design element and instantly reveal the underlying React code, GSAP animations, CSS Grid layouts, and WebGL shaders. Each code snippet includes explanations of design psychology, accessibility standards (WCAG 2.1), Fitts's Law principles, and performance optimization techniques. It's like pair-programming with a senior designer from Google.",
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=2",
imageAlt: "Design-to-Code Mentor Interface",
buttonIcon: Code2,
buttonHref: "#mentor-deep-dive",
@@ -114,7 +114,7 @@ export default function PlatformPage() {
{
title: "Nano-Banana Brand Engine - AI-Generated Visuals",
description: "Powered by Imagen 4.0, the Brand Engine creates unique, industry-specific hero images, textures, and icon sets in seconds. Aesthetic Intelligence analyzes your target companies and suggests thematic templates: Minimal (clean geometric), Bold (vibrant contrasts), Funky (experimental), and Brutalist (raw architectural). All assets are fully customizable and export-ready.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/nano-banana-ai-generated-brand-assets-un-1773756296789-efe26606.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/nano-banana-ai-generated-brand-assets-un-1773756296789-efe26606.png?_wi=2",
imageAlt: "AI-Generated Brand Assets Collection",
buttonIcon: Wand2,
buttonHref: "#brand-engine-showcase",
@@ -122,7 +122,7 @@ export default function PlatformPage() {
{
title: "Hiring Manager Simulator - Real Recruiter Feedback",
description: "After launching your portfolio, activate the Hiring Manager Simulator and receive candid feedback from AI personas trained on recruiter behavior from Apple, Spotify, Google, and other industry leaders. The simulator evaluates design quality, project narrative strength, technical credibility, and overall job-market appeal. Get honest feedback before applying.",
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=2",
imageAlt: "Hiring Manager Simulator Feedback Dashboard",
buttonIcon: Briefcase,
buttonHref: "#simulator-features",

4
src/app/pricing/page.tsx
View File

@@ -120,7 +120,7 @@ const PricingPage = () => {
text: "Start 14-Day Free Trial",
href: "/signup?plan=pro",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-sleek-visualization-of-the-pro-tier-fe-1773756295310-1cb3e458.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/a-sleek-visualization-of-the-pro-tier-fe-1773756295310-1cb3e458.png?_wi=2",
imageAlt: "Pro Tier Features",
},
{
@@ -141,7 +141,7 @@ const PricingPage = () => {
text: "Schedule Demo",
href: "/contact?plan=enterprise",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/enterprise-features-visualization-multi--1773756303157-a8357406.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B4lLUoqBY5jpTtKbNJai4YA99d/enterprise-features-visualization-multi--1773756303157-a8357406.png?_wi=2",
imageAlt: "Enterprise Features",
},
]}

4
src/app/resources/page.tsx
View File

@@ -81,7 +81,7 @@ const ResourcesPage = () => {
<MediaAbout
title="Comprehensive Documentation & Learning Resources"
description="Morphix AI provides an extensive library of tutorials, API documentation, and design blueprints to help you master web design and development. Whether you're a beginner learning CSS Grid or an advanced developer integrating GSAP animations, our resources guide you every step of the way."
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=3"
imageAlt="Documentation Portal"
useInvertedBackground={false}
buttons={[
@@ -99,7 +99,7 @@ const ResourcesPage = () => {
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=2"
imageAlt="Learning Experience"
mediaPosition="right"
faqs={[