Update App Store screenshots, SEO, GA, and store links
@@ -959,13 +959,12 @@ p {
|
||||
}
|
||||
|
||||
.screenshots-gallery {
|
||||
display: flex;
|
||||
gap: var(--space-6);
|
||||
padding: var(--space-4) 0;
|
||||
overflow-x: auto;
|
||||
scroll-snap-type: x mandatory;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
scrollbar-width: none;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, minmax(0, 1fr));
|
||||
gap: var(--space-4);
|
||||
max-width: var(--max-width-content);
|
||||
margin: 0 auto;
|
||||
padding: var(--space-4) var(--space-6);
|
||||
}
|
||||
|
||||
.screenshots-gallery::-webkit-scrollbar {
|
||||
@@ -973,40 +972,34 @@ p {
|
||||
}
|
||||
|
||||
.screenshot-item {
|
||||
flex: 0 0 auto;
|
||||
scroll-snap-align: center;
|
||||
}
|
||||
|
||||
.screenshot-item:first-child {
|
||||
margin-left: calc((100vw - var(--max-width-content)) / 2 + var(--space-6));
|
||||
}
|
||||
|
||||
.screenshot-item:last-child {
|
||||
margin-right: calc((100vw - var(--max-width-content)) / 2 + var(--space-6));
|
||||
}
|
||||
|
||||
@media (max-width: 980px) {
|
||||
.screenshot-item:first-child {
|
||||
margin-left: var(--space-6);
|
||||
}
|
||||
|
||||
.screenshot-item:last-child {
|
||||
margin-right: var(--space-6);
|
||||
}
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.screenshot-frame {
|
||||
width: 260px;
|
||||
height: 520px;
|
||||
width: 100%;
|
||||
aspect-ratio: 600 / 1300;
|
||||
object-fit: cover;
|
||||
background: var(--color-surface);
|
||||
border-radius: var(--radius-2xl);
|
||||
box-shadow: var(--shadow-lg);
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--color-text-tertiary);
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.screenshots-gallery {
|
||||
display: flex;
|
||||
gap: var(--space-6);
|
||||
overflow-x: auto;
|
||||
scroll-snap-type: x mandatory;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
scrollbar-width: none;
|
||||
padding: var(--space-4) var(--space-6);
|
||||
}
|
||||
|
||||
.screenshot-item {
|
||||
flex: 0 0 220px;
|
||||
scroll-snap-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
|
||||
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 255 KiB |
|
Before Width: | Height: | Size: 1.8 MiB After Width: | Height: | Size: 315 KiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 239 KiB |
|
Before Width: | Height: | Size: 356 KiB After Width: | Height: | Size: 329 KiB |
|
After Width: | Height: | Size: 224 KiB |
@@ -4,9 +4,9 @@
|
||||
*/
|
||||
const CONFIG = {
|
||||
APP_NAME: 'MealMood',
|
||||
TAGLINE: 'Plan your family's week of meals in 5 minutes.',
|
||||
DESCRIPTION: 'A fast, visual iOS app for weekly meal planning with drag-and-drop, smart auto-complete, and optional calendar sync.',
|
||||
APP_STORE_URL: 'https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=homepage_other&mt=8',
|
||||
TAGLINE: 'Family meal planner for weekly lunches and dinners in 5 minutes.',
|
||||
DESCRIPTION: 'MealMood is a fast meal plan iOS app for family meal planning with drag-and-drop, smart auto-complete, and optional calendar sync.',
|
||||
APP_STORE_URL: 'https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=homepage_other&mt=8',
|
||||
SUPPORT_EMAIL: 'support@mealmood.app',
|
||||
COMPANY_NAME: 'MealMood',
|
||||
WEBSITE_URL: 'https://mealmood.app',
|
||||
|
||||
@@ -6,6 +6,24 @@
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
function initGoogleAnalytics() {
|
||||
const gaId = 'G-LVB8MLYLL8';
|
||||
if (!gaId || typeof document === 'undefined') return;
|
||||
if (window.gtag) return;
|
||||
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
window.gtag = function gtag() {
|
||||
window.dataLayer.push(arguments);
|
||||
};
|
||||
window.gtag('js', new Date());
|
||||
window.gtag('config', gaId);
|
||||
|
||||
const script = document.createElement('script');
|
||||
script.async = true;
|
||||
script.src = `https://www.googletagmanager.com/gtag/js?id=${gaId}`;
|
||||
document.head.appendChild(script);
|
||||
}
|
||||
|
||||
function trackEvent(eventName, props) {
|
||||
if (window.plausible) {
|
||||
window.plausible(eventName, { props: props || {} });
|
||||
@@ -431,6 +449,7 @@
|
||||
|
||||
// Initialize everything on DOM ready
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
initGoogleAnalytics();
|
||||
DarkMode.init();
|
||||
DarkMode.updateToggleButton();
|
||||
Navigation.init();
|
||||
|
||||
@@ -3,19 +3,21 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>MealMood — Weekly meal planning for iOS families</title>
|
||||
<meta name="description" content="MealMood helps you plan lunches and dinners in minutes with drag-and-drop, smart auto-complete, and optional iOS Calendar sync.">
|
||||
<title>MealMood Family Meal Planner | Meal Plan iOS App</title>
|
||||
<meta name="description" content="MealMood is a family meal planner and meal plan iOS app to organize weekly lunches and dinners in minutes with smart tags, calendar sync, and easy sharing.">
|
||||
<meta name="keywords" content="family meal planner, meal plan iOS app, weekly meal planner, meal planning app for families, family meal plan">
|
||||
<meta name="apple-itunes-app" content="app-id=6759255553">
|
||||
<link rel="canonical" href="https://mealmood.app/">
|
||||
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="MealMood">
|
||||
<meta property="og:description" content="Plan your family meals in minutes with drag-and-drop, smart auto-complete, and optional calendar sync.">
|
||||
<meta property="og:title" content="MealMood: Family Meal Planner">
|
||||
<meta property="og:description" content="Plan weekly family lunches and dinners in minutes with the MealMood meal plan iOS app.">
|
||||
<meta property="og:url" content="https://mealmood.app/">
|
||||
<meta property="og:image" content="https://mealmood.app/assets/images/og-image.svg">
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="MealMood">
|
||||
<meta name="twitter:description" content="Plan your family meals in minutes with drag-and-drop, smart auto-complete, and optional calendar sync.">
|
||||
<meta name="twitter:title" content="MealMood: Family Meal Planner">
|
||||
<meta name="twitter:description" content="Family meal planner for iPhone and iPad with weekly plans, tags, calendar sync, and sharing.">
|
||||
<meta name="twitter:image" content="https://mealmood.app/assets/images/og-image.svg">
|
||||
|
||||
<link rel="icon" href="assets/icons/favicon.png" type="image/png">
|
||||
@@ -25,8 +27,32 @@
|
||||
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
<script defer data-domain="mealmood.app" src="https://plausible.io/js/script.js"></script>
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LVB8MLYLL8"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'G-LVB8MLYLL8');
|
||||
</script>
|
||||
<script src="assets/js/config.js"></script>
|
||||
<script src="assets/js/main.js" defer></script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "MealMood: Family Meal Planner",
|
||||
"applicationCategory": "FoodApplication",
|
||||
"operatingSystem": "iOS",
|
||||
"url": "https://mealmood.app/",
|
||||
"description": "Family meal planner and meal plan iOS app for organizing weekly lunches and dinners with tags, calendar sync, and sharing.",
|
||||
"downloadUrl": "https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=homepage_other&mt=8",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "USD"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-link" href="#main">Skip to content</a>
|
||||
@@ -65,15 +91,15 @@
|
||||
</svg>
|
||||
Offline-first meal planning
|
||||
</div>
|
||||
<h1 class="hero-title">Plan your family week with <span class="hero-title-gradient">MealMood</span>.</h1>
|
||||
<p class="hero-description">Create lunch and dinner plans in under 5 minutes with drag-and-drop, auto-complete, and simple food rules that help avoid repetition.</p>
|
||||
<h1 class="hero-title">Family meal planning made simple with <span class="hero-title-gradient">MealMood</span>.</h1>
|
||||
<p class="hero-description">Use this meal plan iOS app to organize weekly lunches and dinners in under 5 minutes with drag-and-drop, smart tags, and easy sharing.</p>
|
||||
<div class="hero-features">
|
||||
<span class="feature-badge">✓ Offline-first</span>
|
||||
<span class="feature-badge">✓ No account needed</span>
|
||||
<span class="feature-badge">✓ Privacy-focused</span>
|
||||
</div>
|
||||
<div class="hero-ctas">
|
||||
<a class="app-store-badge" href="https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=homepage_hero&mt=8" aria-label="Download on the App Store">
|
||||
<a class="app-store-badge" href="https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=homepage_hero&mt=8" aria-label="Download on the App Store">
|
||||
<img src="assets/images/app-store-badge.svg" alt="Download on the App Store">
|
||||
</a>
|
||||
<button class="cta-secondary" type="button" data-cta="learn-more">Learn More</button>
|
||||
@@ -99,15 +125,15 @@
|
||||
</svg>
|
||||
Offline-first meal planning
|
||||
</div>
|
||||
<h1 class="hero-title">Plan your family week with <span class="hero-title-gradient">MealMood</span>.</h1>
|
||||
<p class="hero-description">Create lunch and dinner plans in under 5 minutes with drag-and-drop, auto-complete, and simple food rules that help avoid repetition.</p>
|
||||
<h1 class="hero-title">Family meal planning made simple with <span class="hero-title-gradient">MealMood</span>.</h1>
|
||||
<p class="hero-description">Use this meal plan iOS app to organize weekly lunches and dinners in under 5 minutes with drag-and-drop, smart tags, and easy sharing.</p>
|
||||
<div class="hero-features">
|
||||
<span class="feature-badge">✓ Offline-first</span>
|
||||
<span class="feature-badge">✓ No account needed</span>
|
||||
<span class="feature-badge">✓ Privacy-focused</span>
|
||||
</div>
|
||||
<div class="hero-ctas">
|
||||
<a class="app-store-badge" href="https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=homepage_hero&mt=8" aria-label="Download on the App Store">
|
||||
<a class="app-store-badge" href="https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=homepage_hero&mt=8" aria-label="Download on the App Store">
|
||||
<img src="assets/images/app-store-badge.svg" alt="Download on the App Store">
|
||||
</a>
|
||||
<button class="cta-secondary" type="button" data-cta="learn-more">Learn More</button>
|
||||
@@ -127,7 +153,7 @@
|
||||
<h2>Meal planning without Sunday stress</h2>
|
||||
<p>MealMood is built from the app PRD around speed, variety, and low-friction planning for families.</p>
|
||||
<div class="features-cta">
|
||||
<a class="btn btn-primary" href="https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=homepage_features&mt=8">Download on the App Store</a>
|
||||
<a class="btn btn-primary" href="https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=homepage_features&mt=8">Download on the App Store</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="features-grid">
|
||||
@@ -180,24 +206,34 @@
|
||||
<section class="section screenshots">
|
||||
<div class="container">
|
||||
<div class="screenshots-header">
|
||||
<h2>All screenshots are placeholders</h2>
|
||||
<p>Replace these temporary frames with final App Store screenshots when available.</p>
|
||||
<h2>App Store screenshots</h2>
|
||||
<p>Real product flows for family meal planning, weekly scheduling, and meal plan sharing.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="screenshots-gallery" aria-label="App screenshots">
|
||||
<div class="screenshot-item">
|
||||
<picture>
|
||||
<img class="screenshot-frame" src="assets/images/screenshots/screen-1.svg" alt="Screenshot placeholder 1" loading="lazy">
|
||||
<img class="screenshot-frame" src="assets/images/screenshots/screen-1.png" alt="Family Meal Planning Made Easy screen showing tag rules and limits" loading="lazy">
|
||||
</picture>
|
||||
</div>
|
||||
<div class="screenshot-item">
|
||||
<picture>
|
||||
<img class="screenshot-frame" src="assets/images/screenshots/screen-2.svg" alt="Screenshot placeholder 2" loading="lazy">
|
||||
<img class="screenshot-frame" src="assets/images/screenshots/screen-2.png" alt="Plan Smarter Stay Consistent screen showing iOS Calendar sync" loading="lazy">
|
||||
</picture>
|
||||
</div>
|
||||
<div class="screenshot-item">
|
||||
<picture>
|
||||
<img class="screenshot-frame" src="assets/images/screenshots/screen-3.svg" alt="Screenshot placeholder 3" loading="lazy">
|
||||
<img class="screenshot-frame" src="assets/images/screenshots/screen-3.png" alt="Share or Print Your Weekly Plan export screen" loading="lazy">
|
||||
</picture>
|
||||
</div>
|
||||
<div class="screenshot-item">
|
||||
<picture>
|
||||
<img class="screenshot-frame" src="assets/images/screenshots/screen-4.png" alt="Weekly Meal Planner for Families weekly board view" loading="lazy">
|
||||
</picture>
|
||||
</div>
|
||||
<div class="screenshot-item">
|
||||
<picture>
|
||||
<img class="screenshot-frame" src="assets/images/screenshots/screen-5.png" alt="Your Meal Library Always Ready dishes list screen" loading="lazy">
|
||||
</picture>
|
||||
</div>
|
||||
</div>
|
||||
@@ -266,7 +302,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="early-adopters-cta">
|
||||
<a class="btn btn-primary btn-lg" href="https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=early_adopters&mt=8">Download MealMood</a>
|
||||
<a class="btn btn-primary btn-lg" href="https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=early_adopters&mt=8">Download MealMood</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -312,7 +348,7 @@
|
||||
<h2>Start your calm meal plan habit</h2>
|
||||
<p>Download MealMood and build a record of your meal planning routine that you will actually want to revisit.</p>
|
||||
<div class="cta-actions">
|
||||
<a class="btn btn-primary btn-lg" href="https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=homepage_cta_bottom&mt=8">Download on the App Store</a>
|
||||
<a class="btn btn-primary btn-lg" href="https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=homepage_cta_bottom&mt=8">Download on the App Store</a>
|
||||
<a class="btn btn-secondary btn-lg" href="support.html">Contact Support</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -329,7 +365,7 @@
|
||||
<span>MealMood</span>
|
||||
</div>
|
||||
<p>Fast, visual weekly meal planning for iOS.</p>
|
||||
<a class="footer-appstore" href="https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=homepage_footer&mt=8">Download on the App Store</a>
|
||||
<a class="footer-appstore" href="https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=homepage_footer&mt=8">Download on the App Store</a>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<h5>Product</h5>
|
||||
@@ -373,12 +409,12 @@
|
||||
<button class="modal-close" type="button" aria-label="Close" data-exit-close>×</button>
|
||||
<h3 id="exit-modal-title">Before you go... 📱</h3>
|
||||
<p>MealMood is free to download. Give it a try!</p>
|
||||
<a href="https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=exit_intent&mt=8" class="modal-cta">Download on App Store</a>
|
||||
<a href="https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=exit_intent&mt=8" class="modal-cta">Download on App Store</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sticky-mobile-cta" class="sticky-cta" aria-hidden="true">
|
||||
<a href="https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=sticky_mobile&mt=8">Download App</a>
|
||||
<a href="https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=sticky_mobile&mt=8">Download App</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -222,7 +222,7 @@ func renderShareHTML(view shareView) string {
|
||||
<meta name="twitter:description" content="` + escapeHTML(view.Description) + `">
|
||||
<meta name="twitter:image" content="` + escapeHTML(view.OGImageURL) + `">
|
||||
|
||||
<meta name="apple-itunes-app" content="app-id=6744983373">
|
||||
<meta name="apple-itunes-app" content="app-id=6759255553">
|
||||
<link rel="canonical" href="` + escapeHTML(view.ShareURL) + `">
|
||||
|
||||
<style>
|
||||
@@ -321,7 +321,7 @@ func renderShareHTML(view shareView) string {
|
||||
<div>` + escapeHTML(view.PercentText) + `</div>
|
||||
<div class="progress"><div class="bar"></div></div>
|
||||
<div class="meta">` + escapeHTML(joinLabels(view.TargetDateLabel, view.EstimateDateLabel)) + `</div>
|
||||
<a class="cta" href="https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=homepage_other&mt=8">Download on the App Store</a>
|
||||
<a class="cta" href="https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=homepage_other&mt=8">Download on the App Store</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>`
|
||||
|
||||
@@ -9,13 +9,13 @@
|
||||
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Press Kit — MealMood">
|
||||
<meta property="og:description" content="App description, icon placeholders, screenshots, and brand guidelines.">
|
||||
<meta property="og:description" content="App description, icons, screenshots, and brand guidelines.">
|
||||
<meta property="og:url" content="https://mealmood.app/press-kit.html">
|
||||
<meta property="og:image" content="https://mealmood.app/assets/images/og-image.svg">
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="Press Kit — MealMood">
|
||||
<meta name="twitter:description" content="App description, icon placeholders, screenshots, and brand guidelines.">
|
||||
<meta name="twitter:description" content="App description, icons, screenshots, and brand guidelines.">
|
||||
<meta name="twitter:image" content="https://mealmood.app/assets/images/og-image.svg">
|
||||
|
||||
<link rel="icon" href="assets/icons/favicon.png" type="image/png">
|
||||
@@ -81,8 +81,8 @@
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 5h16v14H4z"/><path d="M4 15l4-4 4 4 4-4 4 4"/></svg>
|
||||
</div>
|
||||
<h3>Screenshots</h3>
|
||||
<p>All screenshots are placeholders for now.</p>
|
||||
<a class="btn btn-secondary" href="assets/images/screenshots/screen-1.svg">Download sample</a>
|
||||
<p>Official App Store screenshots in alphabetical feature order.</p>
|
||||
<a class="btn btn-secondary" href="assets/images/screenshots/screen-1.png">Download first screenshot</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -101,16 +101,24 @@
|
||||
<h2>Screenshots</h2>
|
||||
<div class="icon-grid">
|
||||
<div class="icon-item">
|
||||
<img src="assets/images/screenshots/screen-1.svg" alt="Screenshot placeholder 1">
|
||||
<span>Placeholder 1</span>
|
||||
<img src="assets/images/screenshots/screen-1.png" alt="Family Meal Planning Made Easy screenshot">
|
||||
<span>Family Meal Planning Made Easy</span>
|
||||
</div>
|
||||
<div class="icon-item">
|
||||
<img src="assets/images/screenshots/screen-2.svg" alt="Screenshot placeholder 2">
|
||||
<span>Placeholder 2</span>
|
||||
<img src="assets/images/screenshots/screen-2.png" alt="Plan Smarter Stay Consistent screenshot">
|
||||
<span>Plan Smarter, Stay Consistent</span>
|
||||
</div>
|
||||
<div class="icon-item">
|
||||
<img src="assets/images/screenshots/screen-3.svg" alt="Screenshot placeholder 3">
|
||||
<span>Placeholder 3</span>
|
||||
<img src="assets/images/screenshots/screen-3.png" alt="Share or Print Your Weekly Plan screenshot">
|
||||
<span>Share or Print Your Weekly Plan</span>
|
||||
</div>
|
||||
<div class="icon-item">
|
||||
<img src="assets/images/screenshots/screen-4.png" alt="Weekly Meal Planner for Families screenshot">
|
||||
<span>Weekly Meal Planner for Families</span>
|
||||
</div>
|
||||
<div class="icon-item">
|
||||
<img src="assets/images/screenshots/screen-5.png" alt="Your Meal Library Always Ready screenshot">
|
||||
<span>Your Meal Library, Always Ready</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -62,7 +62,7 @@
|
||||
<span>Applies to iOS app and this website</span>
|
||||
</div>
|
||||
<div class="page-header-actions">
|
||||
<a class="btn btn-primary" href="https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=privacy_page&mt=8">Download on the App Store</a>
|
||||
<a class="btn btn-primary" href="https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=privacy_page&mt=8">Download on the App Store</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -58,7 +58,7 @@
|
||||
<h1>Support</h1>
|
||||
<p>We are here to help you stay on track with your meal planning.</p>
|
||||
<div class="page-header-actions">
|
||||
<a class="btn btn-primary" href="https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=support_page&mt=8">Download on the App Store</a>
|
||||
<a class="btn btn-primary" href="https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=support_page&mt=8">Download on the App Store</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -68,7 +68,7 @@ After deploying, test with these tools:
|
||||
|
||||
The HTML includes this meta tag:
|
||||
```html
|
||||
<meta name="apple-itunes-app" content="app-id=6744983373">
|
||||
<meta name="apple-itunes-app" content="app-id=6759255553">
|
||||
```
|
||||
|
||||
This shows a smart banner on iOS Safari prompting users to download your app.
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
<meta name="twitter:image" content="https://mealmood.app/images/og-share-card.png">
|
||||
|
||||
<!-- Apple Smart App Banner -->
|
||||
<meta name="apple-itunes-app" content="app-id=6744983373">
|
||||
<meta name="apple-itunes-app" content="app-id=6759255553">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/png" href="assets/icons/favicon.png">
|
||||
@@ -41,6 +41,13 @@
|
||||
<!-- Canonical URL -->
|
||||
<link rel="canonical" href="https://mealmood.app/share">
|
||||
<script defer data-domain="mealmood.app" src="https://plausible.io/js/script.js"></script>
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LVB8MLYLL8"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'G-LVB8MLYLL8');
|
||||
</script>
|
||||
|
||||
<!-- Schema.org structured data for SEO/AEO -->
|
||||
<script type="application/ld+json">
|
||||
@@ -52,7 +59,7 @@
|
||||
"applicationCategory": "FoodApplication",
|
||||
"description": "Plan weekly family lunches and dinners in minutes with drag-and-drop scheduling and smart auto-complete.",
|
||||
"url": "https://mealmood.app",
|
||||
"downloadUrl": "https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=homepage_other&mt=8",
|
||||
"downloadUrl": "https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=homepage_other&mt=8",
|
||||
"screenshot": "https://mealmood.app/images/og-share-card.png",
|
||||
"author": {
|
||||
"@type": "Organization",
|
||||
@@ -183,7 +190,7 @@
|
||||
<span class="feature">Privacy Focused</span>
|
||||
</div>
|
||||
|
||||
<a href="https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=homepage_other&mt=8" class="download-btn">
|
||||
<a href="https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=homepage_other&mt=8" class="download-btn">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor">
|
||||
<path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/>
|
||||
</svg>
|
||||
@@ -199,7 +206,7 @@
|
||||
<script>
|
||||
// Uncomment to enable auto-redirect
|
||||
// setTimeout(function() {
|
||||
// window.location.href = 'https://apps.apple.com/us/app/mealmood/id0000000000?pt=123456&ct=homepage_other&mt=8';
|
||||
// window.location.href = 'https://apps.apple.com/us/app/mealmood/id6759255553?pt=123456&ct=homepage_other&mt=8';
|
||||
// }, 3000);
|
||||
</script>
|
||||
</body>
|
||||
|
||||