@jxsuite/starters 0.34.0

package/sites/course/components/co-stat.json

@@ -0,0 +1,36 @@
+{
+  "tagName": "co-stat",
+  "state": {
+    "value": "",
+    "label": ""
+  },
+  "style": {
+    "display": "block",
+    "textAlign": "center",
+    "padding": "0.5rem"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "clamp(2rem, 4vw, 2.75rem)",
+        "fontWeight": "800",
+        "lineHeight": "1",
+        "color": "var(--color-primary)",
+        "letterSpacing": "-0.02em"
+      },
+      "textContent": "${state.value}"
+    },
+    {
+      "tagName": "div",
+      "style": {
+        "marginTop": "0.5rem",
+        "fontSize": "0.9rem",
+        "fontWeight": "500",
+        "color": "var(--color-text-muted)"
+      },
+      "textContent": "${state.label}"
+    }
+  ]
+}

package/sites/course/components/co-testimonial-card.json

@@ -0,0 +1,54 @@
+{
+  "tagName": "co-testimonial-card",
+  "state": {
+    "quote": "",
+    "author": "",
+    "role": ""
+  },
+  "style": {
+    "display": "block",
+    "padding": "1.75rem",
+    "backgroundColor": "var(--color-bg-white)",
+    "border": "1px solid var(--color-border)",
+    "borderRadius": "var(--radius)",
+    "boxShadow": "0 4px 20px rgba(15,23,42,0.05)"
+  },
+  "children": [
+    {
+      "tagName": "div",
+      "style": {
+        "color": "#f59e0b",
+        "fontSize": "1.1rem",
+        "marginBottom": "0.75rem",
+        "letterSpacing": "0.1em"
+      },
+      "textContent": "★★★★★"
+    },
+    {
+      "tagName": "p",
+      "style": {
+        "fontFamily": "var(--font-heading)",
+        "fontSize": "1.1rem",
+        "lineHeight": "1.6",
+        "fontWeight": "500",
+        "margin": "0 0 1.25rem"
+      },
+      "textContent": "“${state.quote}”"
+    },
+    {
+      "tagName": "div",
+      "children": [
+        {
+          "tagName": "div",
+          "style": { "fontWeight": "700" },
+          "textContent": "${state.author}"
+        },
+        {
+          "tagName": "div",
+          "style": { "fontSize": "0.9rem", "color": "var(--color-text-muted)" },
+          "textContent": "${state.role}"
+        }
+      ]
+    }
+  ]
+}

package/sites/course/content/modules/backend.md

@@ -0,0 +1,8 @@
+---
+title: "Backend & Databases"
+summary: "REST APIs, servers, SQL and relational data modeling, authentication, and deploying to the cloud."
+duration: "2 weeks"
+order: 5
+---
+
+Round out your stack. You'll design a relational schema, build a REST API with authentication, connect it to a database, and ship it to production — so your frontend has a real backend to talk to.

package/sites/course/content/modules/capstone.md

@@ -0,0 +1,8 @@
+---
+title: "Capstone Project"
+summary: "Ship a full-stack application end to end — planning, building, code review, and a demo-day presentation."
+duration: "3 weeks"
+order: 6
+---
+
+Bring it all together. With a mentor at your side, you'll scope, build, and deploy a full-stack app of your own — then present it on demo day. You'll graduate with a portfolio piece employers actually want to see.

package/sites/course/content/modules/foundations.md

@@ -0,0 +1,8 @@
+---
+title: "Foundations of the Web"
+summary: "How the web actually works — the request/response cycle, the command line, Git, and a modern editor setup you'll use every day."
+duration: "1 week"
+order: 1
+---
+
+You'll leave week one comfortable in the terminal, versioning your work with Git and GitHub, and understanding exactly what happens between typing a URL and seeing a page. No prior experience assumed.

package/sites/course/content/modules/frameworks.md

@@ -0,0 +1,8 @@
+---
+title: "Frontend Frameworks"
+summary: "Component thinking, state management, routing, and data fetching with a modern reactive framework."
+duration: "3 weeks"
+order: 4
+---
+
+Move from vanilla JavaScript to component-driven apps. You'll learn reactive state, props, routing, and API integration by building a multi-page application with authentication and a polished, responsive UI.

package/sites/course/content/modules/html-css.md

@@ -0,0 +1,8 @@
+---
+title: "HTML & CSS"
+summary: "Semantic markup, the box model, Flexbox and Grid, responsive design, and accessible, good-looking interfaces from scratch."
+duration: "2 weeks"
+order: 2
+---
+
+Build real, responsive layouts by hand. You'll learn semantic HTML, modern CSS layout, custom properties, and the accessibility fundamentals that make your work usable by everyone — culminating in a pixel-faithful landing page.

package/sites/course/content/modules/javascript.md

@@ -0,0 +1,8 @@
+---
+title: "JavaScript Programming"
+summary: "Core language, the DOM, events, async/await, fetch, and modules — the logic layer behind every interactive interface."
+duration: "3 weeks"
+order: 3
+---
+
+The heart of the program. You'll master variables, functions, arrays, objects, and control flow, then wire up the DOM, handle events, and talk to live APIs with async JavaScript. Weekly katas keep the fundamentals sharp.

package/sites/course/images.json

@@ -0,0 +1,24 @@
+{
+  "site": "course",
+  "thumbnail": "hero",
+  "images": [
+    {
+      "role": "hero",
+      "query": "student learning laptop online course",
+      "orientation": "landscape",
+      "photoId": 6266990
+    },
+    {
+      "role": "instructor",
+      "query": "teacher instructor portrait",
+      "orientation": "portrait",
+      "photoId": 8423069
+    },
+    {
+      "role": "about",
+      "query": "people studying coding",
+      "orientation": "landscape",
+      "photoId": 7988079
+    }
+  ]
+}

package/sites/course/layouts/base.json

@@ -0,0 +1,22 @@
+{
+  "tagName": "div",
+  "$elements": [
+    { "$ref": "../components/co-nav.json" },
+    { "$ref": "../components/co-footer.json" }
+  ],
+  "style": {
+    "minHeight": "100vh",
+    "display": "flex",
+    "flexDirection": "column",
+    "backgroundColor": "var(--color-bg-white)"
+  },
+  "children": [
+    { "tagName": "co-nav" },
+    {
+      "tagName": "main",
+      "style": { "flex": "1" },
+      "children": [{ "tagName": "slot" }]
+    },
+    { "tagName": "co-footer" }
+  ]
+}

package/sites/course/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "craft-code-academy",
+  "private": true,
+  "description": "A project-based web development bootcamp — six guided modules, live mentorship, and a portfolio-ready capstone.",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "build": "jx build",
+    "dev": "jx dev"
+  },
+  "devDependencies": {
+    "@jxsuite/compiler": "^0.19.0",
+    "@jxsuite/runtime": "^0.19.0"
+  }
+}

package/sites/course/pages/about.md

@@ -0,0 +1,44 @@
+---
+title: "About — Craft & Code Academy"
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::co-section-header{props.eyebrow="Our approach" props.heading="We teach the way people actually learn" props.subheading="By building real things, with real support, in a real community."}
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="1fr 1fr" style.gap="clamp(2rem, 5vw, 4rem)" style.alignItems="center" style.--md.gridTemplateColumns="1fr"}
+:::div
+::img{src="/images/about.jpg" alt="Students studying code together" loading="lazy" style.width="100%" style.height="auto" style.borderRadius="var(--radius)" style.display="block" style.boxShadow="0 12px 40px rgba(15,23,42,0.12)"}
+:::
+
+:::div{style.fontSize="1.08rem" style.lineHeight="1.8"}
+
+### Built by engineers who wanted a better way in
+
+Craft & Code Academy started with a frustration: most people who want to code get stuck in a maze of half-finished tutorials. So we built the program we wish we'd had — project-based from day one, with mentors who've shipped real software and a cohort that learns together.
+
+We keep classes small on purpose. When you get stuck, someone is there. When you ship, someone celebrates. That's how people actually make it from curious to career.
+:::
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::co-section-header{props.eyebrow="What we stand for" props.heading="Three things we won't compromise on"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.25rem" style.--md.gridTemplateColumns="1fr"}
+::co-outcome-card{props.icon="🛠️" props.title="Learn by building" props.text="Every concept is anchored to a project. You leave each module with something real to show."}
+
+::co-outcome-card{props.icon="🤝" props.title="Never stuck alone" props.text="Live mentorship and small-group code review mean help is always a moment away."}
+
+::co-outcome-card{props.icon="🎯" props.title="Job-focused" props.text="We reverse-engineer what junior roles actually require and teach straight to it."}
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::co-section-header{props.eyebrow="Your instructor" props.heading="Meet Maya"}
+
+::co-instructor-card{props.name="Maya Okonkwo" props.role="Lead Instructor · ex-Staff Engineer" props.bio="Maya spent a decade building products at startups and a large fintech before teaching full-time. She's mentored hundreds of career-changers and believes anyone can learn to code with the right structure and support." props.image="/images/instructor.jpg"}
+:::::
+
+::co-cta{props.heading="Come build with us." props.text="If you're ready to put in the work, we'll make sure you're never doing it alone." props.cta="Enroll Now" props.ctaHref="/enroll/"}

package/sites/course/pages/curriculum.md

@@ -0,0 +1,31 @@
+---
+title: "Curriculum — Craft & Code Academy"
+state:
+  modules:
+    $prototype: ContentCollection
+    $src: "@jxsuite/parser/ContentCollection.class.json"
+    contentType: modules
+    sort:
+      field: order
+      order: asc
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::co-section-header{props.eyebrow="14 weeks · 6 modules" props.heading="The full curriculum" props.subheading="A structured path from your first line of code to a deployed, full-stack application — with mentorship at every step."}
+:::::
+
+:::::section{style.maxWidth="var(--max-width-narrow)" style.margin="0 auto" style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem"}
+::::div{style.display="grid" style.gap="1rem"}
+:::Array{items.ref="#/state/modules"}
+::co-module-card{props.order="${item.data.order}" props.title="${item.data.title}" props.summary="${item.data.summary}" props.duration="${item.data.duration}"}
+:::
+::::
+:::::
+
+:::::section{style.padding="clamp(3rem, 8vw, 5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::co-section-header{props.eyebrow="Explore interactively" props.heading="Open a module to see its lessons"}
+
+::co-curriculum-accordion
+:::::
+
+::co-cta{props.heading="This could be your next 14 weeks." props.text="Every module builds toward a capstone you'll be proud to show. Reserve your seat in the next cohort." props.cta="Enroll Now" props.ctaHref="/enroll/"}

package/sites/course/pages/enroll.md

@@ -0,0 +1,46 @@
+---
+title: "Enroll — Craft & Code Academy"
+---
+
+:::::section{style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::co-section-header{props.eyebrow="Admissions open" props.heading="Reserve your seat" props.subheading="One transparent price, everything included, and flexible payment plans. The fall cohort is limited to 24 students."}
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="1fr 1fr" style.gap="clamp(2rem, 5vw, 3.5rem)" style.alignItems="center" style.--md.gridTemplateColumns="1fr"}
+:::div{style.fontSize="1.08rem" style.lineHeight="1.8"}
+
+### Everything you need to get hired
+
+Your tuition covers 14 weeks of live instruction, one-on-one mentorship, small-group code review, and career support that continues after you graduate. No upsells, no surprise fees.
+
+Not sure if it's the right fit? Book a call with our admissions team and we'll walk you through the program honestly.
+
+- **✓** Live, cohort-based — not self-paced videos
+- **✓** Six monthly payment plans available
+- **✓** Need-based scholarships for eligible students
+- **✓** 7-day full refund, no questions asked
+  :::
+
+:::co-pricing{props.badge="Fall cohort · 24 seats" props.plan="Full Program" props.price="$8,900" props.period="or 6 monthly payments" props.description="14 weeks of live instruction, mentorship, and career support — end to end." props.cta="Apply Now" props.ctaHref="#apply" props.note="7-day full refund · Scholarships available"}
+
+- Six project-based modules
+- Live mentorship & small-group code review
+- Deployed full-stack capstone project
+- Career coaching & interview prep
+- Lifetime access to course materials
+  :::
+  ::::
+  :::::
+
+:::::section{id="apply" style.maxWidth="var(--max-width-narrow)" style.margin="0 auto" style.padding="clamp(3rem, 6vw, 4.5rem) 1.5rem"}
+::co-section-header{props.eyebrow="Apply" props.heading="Start your application" props.subheading="Tell us a little about yourself and admissions will be in touch within two business days."}
+
+::co-application
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::co-section-header{props.eyebrow="FAQ" props.heading="Before you apply"}
+
+::co-faq
+:::::

package/sites/course/pages/index.md

@@ -0,0 +1,86 @@
+---
+title: "Craft & Code Academy — Become a web developer in 14 weeks"
+---
+
+::co-hero{props.eyebrow="Online web development bootcamp" props.heading="Become a web developer in 14 weeks." props.subheading="Craft & Code Academy is a project-based bootcamp with live mentorship. Six guided modules take you from your first line of HTML to a deployed, full-stack capstone." props.cta="Enroll Now" props.ctaHref="/enroll/" props.cta2="Explore the Curriculum" props.cta2Href="/curriculum/" props.note="Next cohort starts September 8 · Limited to 24 seats" props.bg="/images/hero.jpg"}
+
+:::::section{style.padding="clamp(2.5rem, 5vw, 3.5rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(4, 1fr)" style.gap="1.5rem" style.--sm.gridTemplateColumns="repeat(2, 1fr)"}
+::co-stat{props.value="1,200+" props.label="Graduates hired"}
+
+::co-stat{props.value="94%" props.label="Land a dev role"}
+
+::co-stat{props.value="14 wks" props.label="Guided program"}
+
+::co-stat{props.value="4.9/5" props.label="Student rating"}
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::co-section-header{props.eyebrow="What you'll learn" props.heading="Skills that get you hired" props.subheading="Every module is hands-on. You don't just watch — you build, review, and ship."}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.25rem" style.--md.gridTemplateColumns="1fr"}
+::co-outcome-card{props.icon="🧩" props.title="Think like an engineer" props.text="Break problems down, reason about code, and debug with confidence — the durable skills behind every framework."}
+
+::co-outcome-card{props.icon="🎨" props.title="Build real interfaces" props.text="Responsive, accessible UIs with semantic HTML, modern CSS, and component-driven JavaScript."}
+
+::co-outcome-card{props.icon="⚡" props.title="Ship interactive apps" props.text="Wire up state, events, and live APIs to create apps that respond instantly to your users."}
+
+::co-outcome-card{props.icon="🗄️" props.title="Work full-stack" props.text="Design REST APIs, model relational data, and connect a real backend to your frontend."}
+
+::co-outcome-card{props.icon="🚀" props.title="Deploy to production" props.text="Take projects from your laptop to the cloud with Git, CI, and modern hosting."}
+
+::co-outcome-card{props.icon="💼" props.title="Graduate job-ready" props.text="Leave with a portfolio, a full-stack capstone, and the interview prep to back it up."}
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::co-section-header{props.eyebrow="The curriculum" props.heading="Six modules, one clear path" props.subheading="Click any module to see the lessons inside. It all builds toward your capstone."}
+
+::co-curriculum-accordion
+
+::::div{style.textAlign="center" style.marginTop="2rem"}
+:::a{href="/curriculum/" style.display="inline-block" style.color="var(--color-primary)" style.fontWeight="700" style.textDecoration="none" style.fontSize="1.05rem"}
+See the full curriculum →
+:::
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::co-section-header{props.eyebrow="Your instructor" props.heading="Learn from someone who's shipped"}
+
+::co-instructor-card{props.name="Maya Okonkwo" props.role="Lead Instructor · ex-Staff Engineer" props.bio="Maya spent a decade building products at startups and a large fintech before teaching full-time. She's mentored hundreds of career-changers and believes anyone can learn to code with the right structure and support." props.image="/images/instructor.jpg"}
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::co-section-header{props.eyebrow="Student stories" props.heading="From first commit to first job"}
+
+::::div{style.maxWidth="var(--max-width)" style.margin="0 auto" style.display="grid" style.gridTemplateColumns="repeat(3, 1fr)" style.gap="1.25rem" style.--md.gridTemplateColumns="1fr"}
+::co-testimonial-card{props.quote="I started with zero experience and ended with a job offer. The mentorship made all the difference when I got stuck." props.author="Priya S." props.role="Frontend Developer, now at a health-tech startup"}
+
+::co-testimonial-card{props.quote="The capstone is the real deal. I still show that project in interviews and people are genuinely impressed." props.author="Marcus T." props.role="Junior Full-Stack Developer"}
+
+::co-testimonial-card{props.quote="Project-based from day one. I learned more in 14 weeks here than in a year of tutorials on my own." props.author="Elena R." props.role="Career-changer, ex-teacher"}
+::::
+:::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem"}
+::co-section-header{props.eyebrow="Enroll" props.heading="One program. Everything included." props.subheading="No hidden fees. Flexible payment plans available."}
+
+::::co-pricing{props.badge="Fall cohort · 24 seats" props.plan="Full Program" props.price="$8,900" props.period="or 6 monthly payments" props.description="14 weeks of live instruction, mentorship, and career support — end to end." props.cta="Enroll Now" props.ctaHref="/enroll/" props.note="7-day full refund · Scholarships available"}
+
+- Six project-based modules
+- Live mentorship & small-group code review
+- Deployed full-stack capstone project
+- Career coaching & interview prep
+- Lifetime access to course materials
+  ::::
+  :::::
+
+:::::section{style.padding="clamp(3.5rem, 8vw, 6rem) 1.5rem" style.backgroundColor="var(--color-bg-cream)"}
+::co-section-header{props.eyebrow="FAQ" props.heading="Questions, answered"}
+
+::co-faq
+:::::
+
+::co-cta{props.heading="Ready to change careers?" props.text="Join the next cohort and go from curious to job-ready in 14 weeks. Seats are limited." props.cta="Enroll Now" props.ctaHref="/enroll/" props.note="Next cohort starts September 8"}

package/sites/course/project.json

@@ -0,0 +1,102 @@
+{
+  "name": "Craft & Code Academy",
+  "url": "https://example.com",
+  "defaults": {
+    "layout": "./layouts/base.json",
+    "lang": "en"
+  },
+  "$head": [
+    {
+      "tagName": "meta",
+      "attributes": { "name": "viewport", "content": "width=device-width, initial-scale=1" }
+    },
+    {
+      "tagName": "meta",
+      "attributes": {
+        "name": "description",
+        "content": "Craft & Code Academy is a project-based web development bootcamp — six guided modules, live mentorship, and a portfolio-ready capstone."
+      }
+    },
+    {
+      "tagName": "link",
+      "attributes": { "rel": "icon", "href": "/favicon.svg" }
+    },
+    {
+      "tagName": "link",
+      "attributes": { "rel": "preconnect", "href": "https://fonts.googleapis.com" }
+    },
+    {
+      "tagName": "link",
+      "attributes": { "rel": "preconnect", "href": "https://fonts.gstatic.com", "crossorigin": "" }
+    },
+    {
+      "tagName": "link",
+      "attributes": {
+        "rel": "stylesheet",
+        "href": "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap"
+      }
+    }
+  ],
+  "$media": {
+    "--": "1200px",
+    "--lg": "(max-width: 1024px)",
+    "--md": "(max-width: 768px)",
+    "--sm": "(max-width: 640px)"
+  },
+  "style": {
+    "--color-primary": "#2563eb",
+    "--color-primary-hover": "#1d4ed8",
+    "--color-ink": "#0f172a",
+    "--color-bg-dark": "#0f172a",
+    "--color-bg-cream": "#f4f6fb",
+    "--color-bg-white": "#ffffff",
+    "--color-text-primary": "#0f172a",
+    "--color-text-white": "#ffffff",
+    "--color-text-muted": "#64748b",
+    "--color-border": "#e2e8f0",
+    "--color-accent": "#2563eb",
+    "--font-heading": "'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+    "--max-width": "1200px",
+    "--max-width-narrow": "820px",
+    "--radius": "0.75rem",
+    "margin": "0",
+    "padding": "0",
+    "fontFamily": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+    "lineHeight": "1.6",
+    "color": "var(--color-text-primary)",
+    "backgroundColor": "var(--color-bg-white)"
+  },
+  "imports": {
+    "Markdown": "@jxsuite/parser/Markdown.class.json",
+    "ContentCollection": "@jxsuite/parser/ContentCollection.class.json"
+  },
+  "images": {
+    "optimize": true,
+    "widths": [320, 640, 960, 1280, 1920],
+    "formats": ["webp", "avif"],
+    "quality": { "webp": 80, "avif": 65, "jpeg": 80, "png": 80 },
+    "sizes": "(max-width: 768px) 100vw, 50vw",
+    "lazyLoad": true
+  },
+  "contentTypes": {
+    "modules": {
+      "source": "./content/modules/",
+      "format": "Markdown",
+      "schema": {
+        "type": "object",
+        "properties": {
+          "title": { "type": "string" },
+          "summary": { "type": "string" },
+          "duration": { "type": "string" },
+          "order": { "type": "number" }
+        },
+        "required": ["title", "order"]
+      }
+    }
+  },
+  "build": {
+    "outDir": "./dist",
+    "format": "directory",
+    "trailingSlash": "always"
+  }
+}

package/sites/course/public/favicon.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+  <rect width="32" height="32" rx="7" fill="#2563eb"/>
+  <path d="M13 11l-5 5 5 5" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M19 11l5 5-5 5" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>