5376d1b1d5
- Vite + Vue 3 + TypeScript + Tailwind CSS v4 scaffold - lucide-vue-next icons, Inter font, design tokens - AppNavbar: sticky, scroll shadow, mobile hamburger - AppFooter: dark navy, 3 link columns, copyright bar - HeroSection: pill badge, H1, CTAs, trust row, screenshot - PrivacyBanner: dark, 3 stat icons (Server/Shield/WifiOff) - SeeItLiveSection: gate kiosk screenshot showcase - FeaturesSection: 6-card grid with Lucide icons - ScreenshotsSection: Student Directory + Reports.jpg cards - HowItWorksSection: 3 steps + billing card - SupportSection: 5 support cards + quote card - ContactSection: form with Formspree, validation, success state - v-reveal directive: Intersection Observer scroll animations - SEO meta tags + Open Graph + Twitter Card - vercel.json SPA rewrite rule - Build: 100KB JS / 19KB CSS, 0 errors
2958 lines
103 KiB
Plaintext
2958 lines
103 KiB
Plaintext
{
|
|
"version": "2.8",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "bi8Au",
|
|
"x": 0,
|
|
"y": 0,
|
|
"name": "Frame",
|
|
"clip": true,
|
|
"width": 800,
|
|
"height": 600,
|
|
"fill": "#FFFFFF",
|
|
"layout": "none"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "ZtWEm",
|
|
"x": 0,
|
|
"y": 0,
|
|
"name": "TapTrack Landing Page",
|
|
"width": 1440,
|
|
"fill": "#FFFFFF",
|
|
"layout": "vertical",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "btZFL",
|
|
"name": "Navigation",
|
|
"width": "fill_container",
|
|
"height": 68,
|
|
"fill": "#FFFFFF",
|
|
"stroke": {
|
|
"align": "outside",
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"gap": 48,
|
|
"padding": [
|
|
0,
|
|
100
|
|
],
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "ZVhQt",
|
|
"name": "Logo",
|
|
"gap": 8,
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "b5wCQ",
|
|
"name": "navLogoMark",
|
|
"width": 32,
|
|
"height": 32,
|
|
"fill": "#1D4ED8",
|
|
"cornerRadius": 8,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "tQzq4",
|
|
"name": "navLogoMarkText",
|
|
"fill": "#FFFFFF",
|
|
"content": "T",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "bold"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "KQKD6",
|
|
"name": "navLogoName",
|
|
"fill": "#0F172A",
|
|
"content": "TapTrack",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 18,
|
|
"fontWeight": "bold"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "t5eqc",
|
|
"name": "navSpacer",
|
|
"width": "fill_container",
|
|
"height": 1
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "4E962",
|
|
"name": "navLinks",
|
|
"gap": 36,
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "X0Qej",
|
|
"name": "navL1",
|
|
"fill": "#475569",
|
|
"content": "Features",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "medium"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "CF6JN",
|
|
"name": "navL2",
|
|
"fill": "#475569",
|
|
"content": "How It Works",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "medium"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "KMjy8",
|
|
"name": "navL3",
|
|
"fill": "#475569",
|
|
"content": "Services",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "medium"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "Z5i8G",
|
|
"name": "navL4",
|
|
"fill": "#475569",
|
|
"content": "Contact",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "medium"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "UC7lY",
|
|
"name": "navCta",
|
|
"fill": "#1D4ED8",
|
|
"cornerRadius": 8,
|
|
"padding": [
|
|
10,
|
|
22
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "2gUMd",
|
|
"name": "navCtaText",
|
|
"fill": "#FFFFFF",
|
|
"content": "Request a Demo",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "semibold"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "iSw4I",
|
|
"name": "Hero",
|
|
"width": "fill_container",
|
|
"height": 640,
|
|
"fill": "#F8FAFF",
|
|
"gap": 80,
|
|
"padding": [
|
|
0,
|
|
100
|
|
],
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "En22C",
|
|
"name": "Hero Left",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 28,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "Q5X1W",
|
|
"name": "heroPill",
|
|
"fill": "#EFF6FF",
|
|
"cornerRadius": 20,
|
|
"gap": 6,
|
|
"padding": [
|
|
5,
|
|
12
|
|
],
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "axZA7",
|
|
"name": "heroPillDot",
|
|
"width": 6,
|
|
"height": 6,
|
|
"fill": "#1D4ED8",
|
|
"cornerRadius": 3
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "qB9gJ",
|
|
"name": "heroPillText",
|
|
"fill": "#1D4ED8",
|
|
"content": "Built for Philippine Schools",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 12,
|
|
"fontWeight": "semibold"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "XOkf8",
|
|
"name": "H1",
|
|
"fill": "#0F172A",
|
|
"textGrowth": "fixed-width",
|
|
"width": 560,
|
|
"content": "Attendance That\nRuns Itself.",
|
|
"lineHeight": 1.1,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 58,
|
|
"fontWeight": "bold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "hupvA",
|
|
"name": "Sub",
|
|
"fill": "#475569",
|
|
"textGrowth": "fixed-width",
|
|
"width": 520,
|
|
"content": "TapTrack is an on-premises NFC attendance system — students tap their ID card, parents get an SMS, and your records are updated automatically. No manual registers. No paper trails.",
|
|
"lineHeight": 1.7,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 17,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "v5Iu9",
|
|
"name": "heroBtns",
|
|
"gap": 12,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "4BbwD",
|
|
"name": "heroBtn1",
|
|
"fill": "#1D4ED8",
|
|
"cornerRadius": 8,
|
|
"padding": [
|
|
13,
|
|
26
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "idkdB",
|
|
"name": "heroBtn1Txt",
|
|
"fill": "#FFFFFF",
|
|
"content": "Request a Demo",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 15,
|
|
"fontWeight": "semibold"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "xNEMD",
|
|
"name": "heroBtn2",
|
|
"fill": "#FFFFFF",
|
|
"cornerRadius": 8,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#CBD5E1"
|
|
},
|
|
"padding": [
|
|
13,
|
|
26
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "v3yiW",
|
|
"name": "heroBtn2Txt",
|
|
"fill": "#334155",
|
|
"content": "See How It Works",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 15,
|
|
"fontWeight": "medium"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "zKR1a",
|
|
"name": "heroTrustRow",
|
|
"gap": 20,
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "KGOM4",
|
|
"name": "heroTrust1",
|
|
"fill": "#64748B",
|
|
"content": "✓ Student data stays on your servers",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "HEUTM",
|
|
"name": "heroTrust2",
|
|
"fill": "#64748B",
|
|
"content": "✓ No cloud lock-in",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "Cdt5X",
|
|
"name": "Hero Right",
|
|
"width": 580,
|
|
"layout": "vertical",
|
|
"gap": 16,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "H6AHd",
|
|
"name": "heroCaption",
|
|
"fill": "#94A3B8",
|
|
"textGrowth": "fixed-width",
|
|
"width": 580,
|
|
"content": "Live dashboard running on your school's own server — data never leaves your premises.",
|
|
"textAlign": "center",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 12,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "s5g4Q",
|
|
"name": "Dashboard Mockup",
|
|
"clip": true,
|
|
"width": 580,
|
|
"height": 380,
|
|
"fill": {
|
|
"type": "image",
|
|
"enabled": true,
|
|
"url": "public/screenshots/58IBI.png",
|
|
"mode": "fill"
|
|
},
|
|
"cornerRadius": 16,
|
|
"stroke": {
|
|
"thickness": 2,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "none"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "aGonW",
|
|
"name": "Privacy Banner",
|
|
"width": "fill_container",
|
|
"fill": "#0F172A",
|
|
"gap": 80,
|
|
"padding": [
|
|
56,
|
|
100
|
|
],
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "JWKIj",
|
|
"name": "privLeft",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 12,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "YXiL8",
|
|
"name": "privLabel",
|
|
"fill": "#1E3A5F",
|
|
"cornerRadius": 4,
|
|
"padding": [
|
|
4,
|
|
10
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "BPoZv",
|
|
"name": "privLabelTxt",
|
|
"fill": "#60A5FA",
|
|
"content": "DATA PRIVACY",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 11,
|
|
"fontWeight": "semibold",
|
|
"letterSpacing": 1
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "zwuAz",
|
|
"name": "privTitle",
|
|
"fill": "#FFFFFF",
|
|
"textGrowth": "fixed-width",
|
|
"width": 500,
|
|
"content": "Student data never leaves your school.",
|
|
"lineHeight": 1.2,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 28,
|
|
"fontWeight": "bold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "xZ89x",
|
|
"name": "privSub",
|
|
"fill": "#94A3B8",
|
|
"textGrowth": "fixed-width",
|
|
"width": 500,
|
|
"content": "TapTrack runs entirely on your own server. No student records, attendance logs, or personal data are ever uploaded to a third-party cloud.",
|
|
"lineHeight": 1.6,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 15,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "q9k23",
|
|
"name": "privRight",
|
|
"gap": 40,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "AXLbG",
|
|
"name": "privStat1",
|
|
"layout": "vertical",
|
|
"gap": 6,
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "NzuLL",
|
|
"name": "privStat1Icon",
|
|
"width": 28,
|
|
"height": 28,
|
|
"iconFontName": "server",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#60A5FA"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "PBZ1G",
|
|
"name": "privStat1Txt",
|
|
"fill": "#FFFFFF",
|
|
"content": "On-Premises",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "9XXek",
|
|
"name": "privStat1Sub",
|
|
"fill": "#64748B",
|
|
"content": "Your server only",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 12,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "OEGKl",
|
|
"name": "privStat2",
|
|
"layout": "vertical",
|
|
"gap": 6,
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "Q24zj",
|
|
"name": "privStat2Icon",
|
|
"width": 28,
|
|
"height": 28,
|
|
"iconFontName": "shield",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#60A5FA"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "mYlLy",
|
|
"name": "privStat2Txt",
|
|
"fill": "#FFFFFF",
|
|
"content": "DepEd Aligned",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "Te2k9",
|
|
"name": "privStat2Sub",
|
|
"fill": "#64748B",
|
|
"content": "Data privacy ready",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 12,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "8TQwS",
|
|
"name": "privStat3",
|
|
"layout": "vertical",
|
|
"gap": 6,
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "AmbAw",
|
|
"name": "privStat3Icon",
|
|
"width": 28,
|
|
"height": 28,
|
|
"iconFontName": "wifi-off",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#60A5FA"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "E5d8M",
|
|
"name": "privStat3Txt",
|
|
"fill": "#FFFFFF",
|
|
"content": "Works Offline",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "HBirQ",
|
|
"name": "privStat3Sub",
|
|
"fill": "#64748B",
|
|
"content": "No internet required",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 12,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "8tiWV",
|
|
"name": "See It Live Section",
|
|
"width": "fill_container",
|
|
"fill": "#F8FAFF",
|
|
"layout": "vertical",
|
|
"gap": 40,
|
|
"padding": [
|
|
96,
|
|
100
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "2b1LH",
|
|
"name": "seeHdr",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 10,
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "kRTbL",
|
|
"name": "seeLabel",
|
|
"fill": "#1D4ED8",
|
|
"content": "THE SYSTEM IN ACTION",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 11,
|
|
"fontWeight": "semibold",
|
|
"letterSpacing": 2
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "t6XZI",
|
|
"name": "seeTitle",
|
|
"fill": "#0F172A",
|
|
"textGrowth": "fixed-width",
|
|
"width": 600,
|
|
"content": "The gate display students see every morning.",
|
|
"lineHeight": 1.15,
|
|
"textAlign": "center",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 38,
|
|
"fontWeight": "bold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "0FlMY",
|
|
"name": "seeSub",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": 600,
|
|
"content": "A full-screen kiosk view runs at your school gate — students tap their NFC ID card and instantly see their name, section, and status confirmed.",
|
|
"lineHeight": 1.6,
|
|
"textAlign": "center",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "Sel0H",
|
|
"name": "Gate View Mockup",
|
|
"clip": true,
|
|
"width": 960,
|
|
"height": 540,
|
|
"fill": {
|
|
"type": "image",
|
|
"enabled": true,
|
|
"url": "public/screenshots/gE861.png",
|
|
"mode": "fill"
|
|
},
|
|
"cornerRadius": 16,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "none"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "JWOx5",
|
|
"name": "seeCaption",
|
|
"fill": "#94A3B8",
|
|
"textGrowth": "fixed-width",
|
|
"width": 700,
|
|
"content": "Full-screen gate display running on a monitor at your school entrance. No login required for students — just tap and go.",
|
|
"textAlign": "center",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "48I9K",
|
|
"name": "Features Section",
|
|
"width": "fill_container",
|
|
"fill": "#FFFFFF",
|
|
"layout": "vertical",
|
|
"gap": 72,
|
|
"padding": [
|
|
96,
|
|
100
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "KqYcK",
|
|
"name": "featsHdr",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 10,
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "dwzDo",
|
|
"name": "featsHdrLabel",
|
|
"fill": "#1D4ED8",
|
|
"content": "WHAT TAPTRACK DOES",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 11,
|
|
"fontWeight": "semibold",
|
|
"letterSpacing": 2
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "tlicn",
|
|
"name": "featsHdrTitle",
|
|
"fill": "#0F172A",
|
|
"textGrowth": "fixed-width",
|
|
"width": 560,
|
|
"content": "Every feature your school\nactually needs.",
|
|
"lineHeight": 1.15,
|
|
"textAlign": "center",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 40,
|
|
"fontWeight": "bold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "wG2Tn",
|
|
"name": "featsHdrSub",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": 560,
|
|
"content": "Designed around the real workflow of Filipino schools — from homeroom attendance to parent communication.",
|
|
"lineHeight": 1.6,
|
|
"textAlign": "center",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 17,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "0uUEw",
|
|
"name": "featsRow1",
|
|
"width": "fill_container",
|
|
"gap": 24,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "NIakN",
|
|
"name": "fcard1",
|
|
"width": "fill_container",
|
|
"fill": "#F8FAFC",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 14,
|
|
"padding": [
|
|
32,
|
|
28
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "Xl2lr",
|
|
"name": "fcard1Icon",
|
|
"width": 44,
|
|
"height": 44,
|
|
"fill": "#EFF6FF",
|
|
"cornerRadius": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "xK2EV",
|
|
"name": "fcard1IconI",
|
|
"width": 22,
|
|
"height": 22,
|
|
"iconFontName": "credit-card",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#1D4ED8"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "pgyKT",
|
|
"name": "fcard1Title",
|
|
"fill": "#0F172A",
|
|
"content": "NFC Tap-In Attendance",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "pfgfN",
|
|
"name": "fcard1Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "Students tap their NFC ID card on the reader. Attendance is recorded instantly — no queuing, no manual entry, no errors.",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "KXpRQ",
|
|
"name": "fcard2",
|
|
"width": "fill_container",
|
|
"fill": "#F8FAFC",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 14,
|
|
"padding": [
|
|
32,
|
|
28
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "UUhEY",
|
|
"name": "fcard2Icon",
|
|
"width": 44,
|
|
"height": 44,
|
|
"fill": "#ECFDF5",
|
|
"cornerRadius": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "6hs9P",
|
|
"name": "fcard2IconI",
|
|
"width": 22,
|
|
"height": 22,
|
|
"iconFontName": "message-square",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#059669"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "E7hgZ",
|
|
"name": "fcard2Title",
|
|
"fill": "#0F172A",
|
|
"content": "Instant Parent SMS Alerts",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "BV4Yg",
|
|
"name": "fcard2Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "Parents receive an automatic SMS the moment their child arrives or is marked absent. No app required on their end.",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "4mLYg",
|
|
"name": "fcard3",
|
|
"width": "fill_container",
|
|
"fill": "#F8FAFC",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 14,
|
|
"padding": [
|
|
32,
|
|
28
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "NRoTb",
|
|
"name": "fcard3Icon",
|
|
"width": 44,
|
|
"height": 44,
|
|
"fill": "#FEF9C3",
|
|
"cornerRadius": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "dVGnR",
|
|
"name": "fcard3IconI",
|
|
"width": 22,
|
|
"height": 22,
|
|
"iconFontName": "layout-dashboard",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#CA8A04"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "CpvDP",
|
|
"name": "fcard3Title",
|
|
"fill": "#0F172A",
|
|
"content": "Live Attendance Dashboard",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "3aJpm",
|
|
"name": "fcard3Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "Principals and advisers see real-time attendance, late counts, and absent students — all from a single screen.",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "6P7WS",
|
|
"name": "featsRow2",
|
|
"width": "fill_container",
|
|
"gap": 24,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "JP8th",
|
|
"name": "fcard4",
|
|
"width": "fill_container",
|
|
"fill": "#F8FAFC",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 14,
|
|
"padding": [
|
|
32,
|
|
28
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "sEePT",
|
|
"name": "fcard4Icon",
|
|
"width": 44,
|
|
"height": 44,
|
|
"fill": "#F3E8FF",
|
|
"cornerRadius": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "r0jW3",
|
|
"name": "fcard4IconI",
|
|
"width": 22,
|
|
"height": 22,
|
|
"iconFontName": "book-open",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#7C3AED"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "TVabl",
|
|
"name": "fcard4Title",
|
|
"fill": "#0F172A",
|
|
"content": "Automated Attendance Reports",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "qM8kr",
|
|
"name": "fcard4Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "Monthly attendance summaries are generated and sent automatically to administrators — with per-student and per-class breakdowns.",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "eopYd",
|
|
"name": "fcard5",
|
|
"width": "fill_container",
|
|
"fill": "#F8FAFC",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 14,
|
|
"padding": [
|
|
32,
|
|
28
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "tLc9A",
|
|
"name": "fcard5Icon",
|
|
"width": 44,
|
|
"height": 44,
|
|
"fill": "#FFF1F2",
|
|
"cornerRadius": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "lNQCY",
|
|
"name": "fcard5IconI",
|
|
"width": 22,
|
|
"height": 22,
|
|
"iconFontName": "users",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#E11D48"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "R1X0W",
|
|
"name": "fcard5Title",
|
|
"fill": "#0F172A",
|
|
"content": "Student & Section Management",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "os9f7",
|
|
"name": "fcard5Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "Manage your full student roster, assign sections and advisers, and link each student to their parent's contact number.",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "SV7SQ",
|
|
"name": "fcard6",
|
|
"width": "fill_container",
|
|
"fill": "#F8FAFC",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 14,
|
|
"padding": [
|
|
32,
|
|
28
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "qGKmq",
|
|
"name": "fcard6Icon",
|
|
"width": 44,
|
|
"height": 44,
|
|
"fill": "#E0F2FE",
|
|
"cornerRadius": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "7FZmK",
|
|
"name": "fcard6IconI",
|
|
"width": 22,
|
|
"height": 22,
|
|
"iconFontName": "activity",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#0284C7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "DMVMy",
|
|
"name": "fcard6Title",
|
|
"fill": "#0F172A",
|
|
"content": "SMS Credit Monitoring",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "Cs7MB",
|
|
"name": "fcard6Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "Track your prepaid SMS credit balance in real time. Low-credit alerts let you top up before you run out — no interruptions to parent notifications.",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "3fXON",
|
|
"name": "App Screenshots Section",
|
|
"width": "fill_container",
|
|
"fill": "#FFFFFF",
|
|
"layout": "vertical",
|
|
"gap": 56,
|
|
"padding": [
|
|
96,
|
|
100
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "pxpqw",
|
|
"name": "screensHdr",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 10,
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "4V8T8",
|
|
"name": "screensLabel",
|
|
"fill": "#1D4ED8",
|
|
"content": "INSIDE TAPTRACK",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 11,
|
|
"fontWeight": "semibold",
|
|
"letterSpacing": 2
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "cOmDd",
|
|
"name": "screensTitle",
|
|
"fill": "#0F172A",
|
|
"textGrowth": "fixed-width",
|
|
"width": 600,
|
|
"content": "A system built for how your school actually works.",
|
|
"lineHeight": 1.15,
|
|
"textAlign": "center",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 38,
|
|
"fontWeight": "bold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "JlmF0",
|
|
"name": "screensSub",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": 580,
|
|
"content": "Every screen is purpose-built for school administrators, advisers, and principals — not generic enterprise software.",
|
|
"lineHeight": 1.6,
|
|
"textAlign": "center",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "9K50I",
|
|
"name": "screensGrid",
|
|
"width": "fill_container",
|
|
"gap": 28,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "aTbgz",
|
|
"name": "screen2Card",
|
|
"width": "fill_container",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 16,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "Fg6TC",
|
|
"name": "screen2Img",
|
|
"clip": true,
|
|
"width": "fill_container",
|
|
"height": 340,
|
|
"fill": {
|
|
"type": "image",
|
|
"enabled": true,
|
|
"url": "public/screenshots/4frZA.png",
|
|
"mode": "fill"
|
|
},
|
|
"cornerRadius": [
|
|
14,
|
|
14,
|
|
0,
|
|
0
|
|
],
|
|
"layout": "none"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "Tuk1K",
|
|
"name": "screen2Info",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 6,
|
|
"padding": [
|
|
20,
|
|
24
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "xaAtu",
|
|
"name": "screen2Title",
|
|
"fill": "#0F172A",
|
|
"content": "Student Directory",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "AT90i",
|
|
"name": "screen2Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "Manage your full roster — NFC ID assignments, parent numbers, section placement, and enrolment status all in one place.",
|
|
"lineHeight": 1.6,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "kO7g1",
|
|
"name": "screen3Card",
|
|
"width": "fill_container",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 16,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "xJzl4",
|
|
"name": "screen3Img",
|
|
"clip": true,
|
|
"width": "fill_container",
|
|
"height": 340,
|
|
"fill": {
|
|
"type": "image",
|
|
"enabled": true,
|
|
"url": "public/screenshots/rj2JV.png",
|
|
"mode": "fill"
|
|
},
|
|
"cornerRadius": [
|
|
14,
|
|
14,
|
|
0,
|
|
0
|
|
],
|
|
"layout": "none"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "4Gc8e",
|
|
"name": "screen3Info",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 6,
|
|
"padding": [
|
|
20,
|
|
24
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "80CdL",
|
|
"name": "screen3Title",
|
|
"fill": "#0F172A",
|
|
"content": "Reports & Analytics",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "RpoaA",
|
|
"name": "screen3Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "Generate attendance summaries by class, date range, and section. Export to PDF or Excel for DepEd compliance and parent meetings.",
|
|
"lineHeight": 1.6,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "QRXXX",
|
|
"name": "How It Works",
|
|
"width": "fill_container",
|
|
"fill": "#F8FAFF",
|
|
"gap": 80,
|
|
"padding": [
|
|
96,
|
|
100
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "DrayE",
|
|
"name": "hiwLeft",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 40,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "ra4oY",
|
|
"name": "hiwHdr",
|
|
"layout": "vertical",
|
|
"gap": 10,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "3lOXU",
|
|
"name": "hiwLabel",
|
|
"fill": "#1D4ED8",
|
|
"content": "HOW IT WORKS",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 11,
|
|
"fontWeight": "semibold",
|
|
"letterSpacing": 2
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "A1BOd",
|
|
"name": "hiwTitle",
|
|
"fill": "#0F172A",
|
|
"textGrowth": "fixed-width",
|
|
"width": 480,
|
|
"content": "Simple to set up.\nSimple to run.",
|
|
"lineHeight": 1.15,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 38,
|
|
"fontWeight": "bold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "wIoF7",
|
|
"name": "hiwSub",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": 460,
|
|
"content": "Our team handles the full installation. Once you're live, the system runs on its own.",
|
|
"lineHeight": 1.6,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "nOhV8",
|
|
"name": "step1",
|
|
"width": "fill_container",
|
|
"gap": 20,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "nnTJe",
|
|
"name": "step1Num",
|
|
"width": 36,
|
|
"height": 36,
|
|
"fill": "#1D4ED8",
|
|
"cornerRadius": 18,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "51Ziy",
|
|
"name": "step1NumTxt",
|
|
"fill": "#FFFFFF",
|
|
"content": "1",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 15,
|
|
"fontWeight": "bold"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "pq7CK",
|
|
"name": "step1Content",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 6,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "Phrhf",
|
|
"name": "step1Title",
|
|
"fill": "#0F172A",
|
|
"content": "We install TapTrack on your school's hardware",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 15,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "b7xLt",
|
|
"name": "step1Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "Our team sets up the on-premises software and NFC reader. You pay a one-time implementation fee and you own the setup.",
|
|
"lineHeight": 1.6,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "OfAsb",
|
|
"name": "step2",
|
|
"width": "fill_container",
|
|
"gap": 20,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "ywxn6",
|
|
"name": "step2Num",
|
|
"width": 36,
|
|
"height": 36,
|
|
"fill": "#1D4ED8",
|
|
"cornerRadius": 18,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "OLZ34",
|
|
"name": "step2NumTxt",
|
|
"fill": "#FFFFFF",
|
|
"content": "2",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 15,
|
|
"fontWeight": "bold"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "2hMIh",
|
|
"name": "step2Content",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 6,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "gGkux",
|
|
"name": "step2Title",
|
|
"fill": "#0F172A",
|
|
"content": "We enrol your students and train your staff",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 15,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "caOy9",
|
|
"name": "step2Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "We import your student list, assign NFC ID cards, add parent numbers, and run a full walkthrough with your administrators.",
|
|
"lineHeight": 1.6,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "JT9fZ",
|
|
"name": "step3",
|
|
"width": "fill_container",
|
|
"gap": 20,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "UiVXf",
|
|
"name": "step3Num",
|
|
"width": 36,
|
|
"height": 36,
|
|
"fill": "#1D4ED8",
|
|
"cornerRadius": 18,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "jerZw",
|
|
"name": "step3NumTxt",
|
|
"fill": "#FFFFFF",
|
|
"content": "3",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 15,
|
|
"fontWeight": "bold"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "am5Gi",
|
|
"name": "step3Content",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 6,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "8bhqY",
|
|
"name": "step3Title",
|
|
"fill": "#0F172A",
|
|
"content": "Top up SMS credits monthly as needed",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 15,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "YYBXZ",
|
|
"name": "step3Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "No recurring subscription. You purchase prepaid SMS credits when you need them. The system keeps sending alerts as long as your credits last.",
|
|
"lineHeight": 1.6,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "LHLGY",
|
|
"name": "Billing Card",
|
|
"width": 460,
|
|
"fill": "#FFFFFF",
|
|
"cornerRadius": 20,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 24,
|
|
"padding": 40,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "hA6o2",
|
|
"name": "hiwBillingTitle",
|
|
"fill": "#0F172A",
|
|
"content": "How billing works",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 20,
|
|
"fontWeight": "bold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "hLi1d",
|
|
"name": "hiwBillingSub",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "Transparent, no surprises. You only pay for what you actually use.",
|
|
"lineHeight": 1.6,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "wwmUm",
|
|
"name": "hiwBillingItem1",
|
|
"stroke": {
|
|
"align": "outside",
|
|
"thickness": 1,
|
|
"fill": "#F1F5F9"
|
|
},
|
|
"gap": 14,
|
|
"padding": [
|
|
16,
|
|
0
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "uRBFf",
|
|
"name": "hiwBI1Icon",
|
|
"width": 36,
|
|
"height": 36,
|
|
"fill": "#EFF6FF",
|
|
"cornerRadius": 8,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "b9KkC",
|
|
"name": "hiwBI1IconI",
|
|
"width": 18,
|
|
"height": 18,
|
|
"iconFontName": "wrench",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#1D4ED8"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "hYd5i",
|
|
"name": "hiwBI1Text",
|
|
"width": 340,
|
|
"layout": "vertical",
|
|
"gap": 3,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "fgq7v",
|
|
"name": "hiwBI1Title",
|
|
"fill": "#0F172A",
|
|
"content": "One-Time Implementation Fee",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "iP8qv",
|
|
"name": "hiwBI1Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": 300,
|
|
"content": "Covers installation, student enrolment, NFC reader setup, and staff training. Paid once.",
|
|
"lineHeight": 1.5,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "Kmf4p",
|
|
"name": "hiwBillingItem2",
|
|
"gap": 14,
|
|
"padding": [
|
|
16,
|
|
0
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "ol6TY",
|
|
"name": "hiwBI2Icon",
|
|
"width": 36,
|
|
"height": 36,
|
|
"fill": "#ECFDF5",
|
|
"cornerRadius": 8,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "IUDJB",
|
|
"name": "hiwBI2IconI",
|
|
"width": 18,
|
|
"height": 18,
|
|
"iconFontName": "zap",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#059669"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "pYF6P",
|
|
"name": "hiwBI2Text",
|
|
"width": 340,
|
|
"layout": "vertical",
|
|
"gap": 3,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "SXK0g",
|
|
"name": "hiwBI2Title",
|
|
"fill": "#0F172A",
|
|
"content": "Prepaid SMS Credits",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "FpBM3",
|
|
"name": "hiwBI2Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": 300,
|
|
"content": "Purchase credits when you need them. Each parent notification consumes one credit. Top up anytime.",
|
|
"lineHeight": 1.5,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "Y3kNw",
|
|
"name": "hiwBillingNote",
|
|
"fill": "#F0FDF4",
|
|
"cornerRadius": 8,
|
|
"gap": 10,
|
|
"padding": [
|
|
12,
|
|
14
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "hA2N4",
|
|
"name": "hiwBillingNoteIcon",
|
|
"width": 16,
|
|
"height": 16,
|
|
"iconFontName": "circle-check",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#16A34A"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "B2bfM",
|
|
"name": "hiwBillingNoteTxt",
|
|
"fill": "#15803D",
|
|
"textGrowth": "fixed-width",
|
|
"width": 300,
|
|
"content": "No monthly subscription fee. No lock-in contract. Pricing shared upon request.",
|
|
"lineHeight": 1.5,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "3wIMb",
|
|
"name": "Support Section",
|
|
"width": "fill_container",
|
|
"fill": "#FFFFFF",
|
|
"layout": "vertical",
|
|
"gap": 64,
|
|
"padding": [
|
|
96,
|
|
100
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "h7Mtq",
|
|
"name": "suppHdr",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 10,
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "4hXNC",
|
|
"name": "suppLabel",
|
|
"fill": "#1D4ED8",
|
|
"content": "AFTER-SALES SUPPORT",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 11,
|
|
"fontWeight": "semibold",
|
|
"letterSpacing": 2
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "vdmTB",
|
|
"name": "suppTitle",
|
|
"fill": "#0F172A",
|
|
"textGrowth": "fixed-width",
|
|
"width": 560,
|
|
"content": "We don't just install and leave.",
|
|
"lineHeight": 1.15,
|
|
"textAlign": "center",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 38,
|
|
"fontWeight": "bold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "1FDQ5",
|
|
"name": "suppSub",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": 560,
|
|
"content": "Our team stays with you long after go-live. If something breaks or your staff needs help, we're one message away.",
|
|
"lineHeight": 1.6,
|
|
"textAlign": "center",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 17,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "DvKwg",
|
|
"name": "suppGrid",
|
|
"width": "fill_container",
|
|
"gap": 24,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "GBZla",
|
|
"name": "sc1",
|
|
"width": "fill_container",
|
|
"fill": "#F8FAFC",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 16,
|
|
"padding": [
|
|
36,
|
|
28
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "ZXQaf",
|
|
"name": "sc1IconBox",
|
|
"width": 44,
|
|
"height": 44,
|
|
"fill": "#EFF6FF",
|
|
"cornerRadius": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "XpJFI",
|
|
"name": "sc1Icon",
|
|
"width": 22,
|
|
"height": 22,
|
|
"iconFontName": "headphones",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#1D4ED8"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "i2F2d",
|
|
"name": "sc1Title",
|
|
"fill": "#0F172A",
|
|
"content": "Dedicated Support Channel",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "457ul",
|
|
"name": "sc1Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "Get direct access to our technical team via chat or phone. No ticket queues, no bots — real people who know your setup.",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "R2nlN",
|
|
"name": "sc2",
|
|
"width": "fill_container",
|
|
"fill": "#F8FAFC",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 16,
|
|
"padding": [
|
|
36,
|
|
28
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "JdtY0",
|
|
"name": "sc2IconBox",
|
|
"width": 44,
|
|
"height": 44,
|
|
"fill": "#FEF9C3",
|
|
"cornerRadius": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "CfTnB",
|
|
"name": "sc2Icon",
|
|
"width": 22,
|
|
"height": 22,
|
|
"iconFontName": "settings",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#CA8A04"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "JadMf",
|
|
"name": "sc2Title",
|
|
"fill": "#0F172A",
|
|
"content": "System Updates & Maintenance",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "qZjuh",
|
|
"name": "sc2Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "We push updates to fix bugs and add improvements. Your system stays current without you having to do anything.",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "WYJQJ",
|
|
"name": "sc3",
|
|
"width": "fill_container",
|
|
"fill": "#F8FAFC",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 16,
|
|
"padding": [
|
|
36,
|
|
28
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "i9zaY",
|
|
"name": "sc3IconBox",
|
|
"width": 44,
|
|
"height": 44,
|
|
"fill": "#ECFDF5",
|
|
"cornerRadius": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "Iy7km",
|
|
"name": "sc3Icon",
|
|
"width": 22,
|
|
"height": 22,
|
|
"iconFontName": "graduation-cap",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#059669"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "ugVrW",
|
|
"name": "sc3Title",
|
|
"fill": "#0F172A",
|
|
"content": "Staff Re-training Assistance",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "iFChx",
|
|
"name": "sc3Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "New school year, new staff? We'll get your team up to speed. Re-training sessions available on request.",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "TkUcL",
|
|
"name": "suppGrid2",
|
|
"width": "fill_container",
|
|
"gap": 24,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "pssKD",
|
|
"name": "sc4",
|
|
"width": "fill_container",
|
|
"fill": "#F8FAFC",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 16,
|
|
"padding": [
|
|
36,
|
|
28
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "eYx3S",
|
|
"name": "sc4IconBox",
|
|
"width": 44,
|
|
"height": 44,
|
|
"fill": "#F3E8FF",
|
|
"cornerRadius": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "93UUS",
|
|
"name": "sc4Icon",
|
|
"width": 22,
|
|
"height": 22,
|
|
"iconFontName": "monitor",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#7C3AED"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "JIWdx",
|
|
"name": "sc4Title",
|
|
"fill": "#0F172A",
|
|
"content": "Remote Troubleshooting",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "5lp1E",
|
|
"name": "sc4Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "Most issues can be resolved remotely. Our team can connect to your system and fix problems without an on-site visit.",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "Pk5eK",
|
|
"name": "sc5",
|
|
"width": "fill_container",
|
|
"fill": "#F8FAFC",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#E2E8F0"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 16,
|
|
"padding": [
|
|
36,
|
|
28
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "8WWqI",
|
|
"name": "sc5IconBox",
|
|
"width": 44,
|
|
"height": 44,
|
|
"fill": "#FFF1F2",
|
|
"cornerRadius": 10,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "icon_font",
|
|
"id": "2iTu3",
|
|
"name": "sc5Icon",
|
|
"width": 22,
|
|
"height": 22,
|
|
"iconFontName": "database-backup",
|
|
"iconFontFamily": "lucide",
|
|
"fill": "#E11D48"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "CYdPq",
|
|
"name": "sc5Title",
|
|
"fill": "#0F172A",
|
|
"content": "Data Backup Assistance",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "OlgZI",
|
|
"name": "sc5Desc",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "We help you set up regular attendance data backups so your records are always safe, even if hardware fails.",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "ylmbq",
|
|
"name": "sc6",
|
|
"width": "fill_container",
|
|
"fill": "#EFF6FF",
|
|
"cornerRadius": 14,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#BFDBFE"
|
|
},
|
|
"layout": "vertical",
|
|
"gap": 16,
|
|
"padding": [
|
|
36,
|
|
28
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "BR5cX",
|
|
"name": "sc6Quote",
|
|
"fill": "#1E3A5F",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "\"Think of us as your school's IT partner for attendance — not just a vendor who sold you something.\"",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "medium"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "dmk4Z",
|
|
"name": "sc6AuthorRow",
|
|
"gap": 10,
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "Wr3Eh",
|
|
"name": "sc6AuthorAvatar",
|
|
"width": 36,
|
|
"height": 36,
|
|
"fill": "#1D4ED8",
|
|
"cornerRadius": 18,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "4xA9L",
|
|
"name": "sc6AuthorAvatarTxt",
|
|
"fill": "#FFFFFF",
|
|
"content": "TT",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 12,
|
|
"fontWeight": "bold"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "W8lTm",
|
|
"name": "sc6AuthorName",
|
|
"fill": "#1D4ED8",
|
|
"content": "TapTrack Support Team",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "semibold"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "en5G6",
|
|
"name": "Contact CTA",
|
|
"width": "fill_container",
|
|
"fill": "#0F172A",
|
|
"gap": 80,
|
|
"padding": [
|
|
80,
|
|
100
|
|
],
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "947bL",
|
|
"name": "ctaLeft",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 20,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "VGvGS",
|
|
"name": "ctaLabel",
|
|
"fill": "#60A5FA",
|
|
"content": "GET IN TOUCH",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 11,
|
|
"fontWeight": "semibold",
|
|
"letterSpacing": 2
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "itsQi",
|
|
"name": "ctaTitle",
|
|
"fill": "#FFFFFF",
|
|
"textGrowth": "fixed-width",
|
|
"width": 520,
|
|
"content": "Ready to bring TapTrack\nto your school?",
|
|
"lineHeight": 1.15,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 40,
|
|
"fontWeight": "bold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "y1xLX",
|
|
"name": "ctaSub",
|
|
"fill": "#94A3B8",
|
|
"textGrowth": "fixed-width",
|
|
"width": 520,
|
|
"content": "Tell us about your school and we'll get back to you with a tailored proposal — including implementation scope, NFC hardware, and SMS credit packages that fit your needs.",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "0ofIP",
|
|
"name": "ctaPoints",
|
|
"layout": "vertical",
|
|
"gap": 10,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "CShbW",
|
|
"name": "ctaP1",
|
|
"fill": "#CBD5E1",
|
|
"content": "✓ Free consultation call with our team",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "Xslft",
|
|
"name": "ctaP2",
|
|
"fill": "#CBD5E1",
|
|
"content": "✓ Custom quote based on your school size",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "i29xA",
|
|
"name": "ctaP3",
|
|
"fill": "#CBD5E1",
|
|
"content": "✓ Demo of the live system before you commit",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "GMH1q",
|
|
"name": "Contact Form Card",
|
|
"width": 480,
|
|
"fill": "#1E293B",
|
|
"cornerRadius": 16,
|
|
"layout": "vertical",
|
|
"gap": 20,
|
|
"padding": 36,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "5SbQ0",
|
|
"name": "ctaFormTitle",
|
|
"fill": "#FFFFFF",
|
|
"content": "Request a Demo",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 20,
|
|
"fontWeight": "bold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "wtaf1",
|
|
"name": "ctaFormSub",
|
|
"fill": "#64748B",
|
|
"textGrowth": "fixed-width",
|
|
"width": "fill_container",
|
|
"content": "Fill this out and we'll reach you within 24 hours.",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "0csb8",
|
|
"name": "ctaField1",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 6,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "YhpsN",
|
|
"name": "ctaField1Label",
|
|
"fill": "#CBD5E1",
|
|
"content": "School Name",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "medium"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "3sBMK",
|
|
"name": "ctaField1Input",
|
|
"width": "fill_container",
|
|
"height": 42,
|
|
"fill": "#0F172A",
|
|
"cornerRadius": 8,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#334155"
|
|
},
|
|
"padding": [
|
|
0,
|
|
12
|
|
],
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "tip4C",
|
|
"name": "ctaField1Placeholder",
|
|
"fill": "#475569",
|
|
"content": "e.g. San Pedro Elementary School",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "Q9xNt",
|
|
"name": "ctaField2",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 6,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "P1rm1",
|
|
"name": "ctaField2Label",
|
|
"fill": "#CBD5E1",
|
|
"content": "Contact Person",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "medium"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "jrWfx",
|
|
"name": "ctaField2Input",
|
|
"width": "fill_container",
|
|
"height": 42,
|
|
"fill": "#0F172A",
|
|
"cornerRadius": 8,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#334155"
|
|
},
|
|
"padding": [
|
|
0,
|
|
12
|
|
],
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "8pD2r",
|
|
"name": "ph2",
|
|
"fill": "#475569",
|
|
"content": "Principal / Administrator name",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "GK75z",
|
|
"name": "ctaField3",
|
|
"width": "fill_container",
|
|
"layout": "vertical",
|
|
"gap": 6,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "vTidm",
|
|
"name": "ctaField3Label",
|
|
"fill": "#CBD5E1",
|
|
"content": "Phone / Email",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "medium"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "QPcto",
|
|
"name": "ctaField3Input",
|
|
"width": "fill_container",
|
|
"height": 42,
|
|
"fill": "#0F172A",
|
|
"cornerRadius": 8,
|
|
"stroke": {
|
|
"thickness": 1,
|
|
"fill": "#334155"
|
|
},
|
|
"padding": [
|
|
0,
|
|
12
|
|
],
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "QXdZV",
|
|
"name": "ph3",
|
|
"fill": "#475569",
|
|
"content": "+63 9XX XXX XXXX or email@school.edu.ph",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "hUVLW",
|
|
"name": "ctaFormBtn",
|
|
"width": "fill_container",
|
|
"fill": "#1D4ED8",
|
|
"cornerRadius": 8,
|
|
"padding": [
|
|
13,
|
|
0
|
|
],
|
|
"justifyContent": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "UZjVB",
|
|
"name": "ctaFormBtnTxt",
|
|
"fill": "#FFFFFF",
|
|
"content": "Send Request",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 15,
|
|
"fontWeight": "semibold"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "WnZ5O",
|
|
"name": "Footer",
|
|
"width": "fill_container",
|
|
"fill": "#020617",
|
|
"layout": "vertical",
|
|
"padding": [
|
|
56,
|
|
100,
|
|
28,
|
|
100
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "BNFdS",
|
|
"name": "footerTop",
|
|
"width": "fill_container",
|
|
"gap": 64,
|
|
"padding": [
|
|
0,
|
|
0,
|
|
40,
|
|
0
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "Pu71t",
|
|
"name": "fBrand",
|
|
"width": 260,
|
|
"layout": "vertical",
|
|
"gap": 14,
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "kpOL0",
|
|
"name": "fLogoRow",
|
|
"gap": 8,
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "KeADH",
|
|
"name": "fLogoBox",
|
|
"width": 28,
|
|
"height": 28,
|
|
"fill": "#1D4ED8",
|
|
"cornerRadius": 6,
|
|
"justifyContent": "center",
|
|
"alignItems": "center",
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "NKQVP",
|
|
"name": "fLogoBoxT",
|
|
"fill": "#FFFFFF",
|
|
"content": "T",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14,
|
|
"fontWeight": "bold"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "uIvDc",
|
|
"name": "fLogoName",
|
|
"fill": "#FFFFFF",
|
|
"content": "TapTrack",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 16,
|
|
"fontWeight": "bold"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "eAR87",
|
|
"name": "fTagline",
|
|
"fill": "#475569",
|
|
"textGrowth": "fixed-width",
|
|
"width": 220,
|
|
"content": "On-premises NFC attendance for Philippine schools. Student data stays where it belongs — with you.",
|
|
"lineHeight": 1.65,
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "hYr6I",
|
|
"name": "fSpacer",
|
|
"width": "fill_container",
|
|
"height": 1
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "L0P62",
|
|
"name": "fNav1",
|
|
"layout": "vertical",
|
|
"gap": 12,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "8FmCT",
|
|
"name": "fNav1T",
|
|
"fill": "#D1D5DB",
|
|
"content": "Product",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "iCLIh",
|
|
"name": "fNav1L1",
|
|
"fill": "#6B7280",
|
|
"content": "Features",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "QVTkx",
|
|
"name": "fNav1L2",
|
|
"fill": "#6B7280",
|
|
"content": "How It Works",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "wwySt",
|
|
"name": "fNav1L3",
|
|
"fill": "#6B7280",
|
|
"content": "Services",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "GoNGy",
|
|
"name": "fNav2",
|
|
"layout": "vertical",
|
|
"gap": 12,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "ZvrzP",
|
|
"name": "fNav2T",
|
|
"fill": "#D1D5DB",
|
|
"content": "Company",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "THjrB",
|
|
"name": "fNav2L1",
|
|
"fill": "#6B7280",
|
|
"content": "About Us",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "eRfnv",
|
|
"name": "fNav2L2",
|
|
"fill": "#6B7280",
|
|
"content": "Contact",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "HO3Dg",
|
|
"name": "fNav2L3",
|
|
"fill": "#6B7280",
|
|
"content": "Blog",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "VwlEK",
|
|
"name": "fNav3",
|
|
"layout": "vertical",
|
|
"gap": 12,
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "HN4w3",
|
|
"name": "fNav3T",
|
|
"fill": "#D1D5DB",
|
|
"content": "Legal",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "semibold"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "Gob2m",
|
|
"name": "fNav3L1",
|
|
"fill": "#6B7280",
|
|
"content": "Privacy Policy",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "aIBEu",
|
|
"name": "fNav3L2",
|
|
"fill": "#6B7280",
|
|
"content": "Terms of Service",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "9wXlK",
|
|
"name": "fDiv",
|
|
"width": "fill_container",
|
|
"height": 1,
|
|
"fill": "#1E293B"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "W8ca8",
|
|
"name": "fBottom",
|
|
"width": "fill_container",
|
|
"padding": [
|
|
20,
|
|
0,
|
|
0,
|
|
0
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "E7qAW",
|
|
"name": "fCopy",
|
|
"fill": "#374151",
|
|
"content": "© 2025 TapTrack. All rights reserved. Built in the Philippines.",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 12,
|
|
"fontWeight": "normal"
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "kvQK9",
|
|
"name": "fBottomSpacer",
|
|
"width": "fill_container",
|
|
"height": 1
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "r623I",
|
|
"name": "fBottomRight",
|
|
"fill": "#374151",
|
|
"content": "Student data never leaves your premises.",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 12,
|
|
"fontWeight": "normal"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
} |