diff --git a/pencil-design/src/pages/eggymon-kitchen-landingpage/eggymon-landipage-mobile.pen b/pencil-design/src/pages/eggymon-kitchen-landingpage/eggymon-landipage-mobile.pen new file mode 100644 index 00000000..30b8af96 --- /dev/null +++ b/pencil-design/src/pages/eggymon-kitchen-landingpage/eggymon-landipage-mobile.pen @@ -0,0 +1,1393 @@ +{ + "version": "2.7", + "children": [ + { + "type": "frame", + "id": "mob01", + "x": 0, + "y": 0, + "name": "Eggymon Kitchen Landing Page — Mobile", + "width": 390, + "fill": "#FAF8F4", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "mobHdr", + "name": "Header", + "width": "fill_container", + "height": 64, + "fill": "#FFFFFF", + "padding": [ + 0, + 20 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mobLogo", + "name": "Logo Area", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mobLogoImg", + "name": "headerLogo", + "width": 36, + "height": 36, + "fill": { + "type": "image", + "enabled": true, + "url": "./images/Logo-Eggymon-Kitchen.png", + "mode": "fit" + } + }, + { + "type": "text", + "id": "mobLogoTxt", + "name": "logoText", + "fill": "#6B4423", + "content": "EggyMon Kitchen", + "fontFamily": "Poppins", + "fontSize": 16, + "fontWeight": "bold" + } + ] + }, + { + "type": "frame", + "id": "mobMenu", + "name": "Hamburger Menu", + "width": 40, + "height": 40, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "mobMenuIcon", + "name": "menuIcon", + "width": 24, + "height": 24, + "iconFontName": "menu", + "iconFontFamily": "lucide", + "fill": "#2C2C2C" + } + ] + } + ] + }, + { + "type": "frame", + "id": "mobHero", + "name": "Hero Section", + "width": "fill_container", + "fill": "#6B4423", + "layout": "vertical", + "gap": 24, + "padding": [ + 48, + 24 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mobHeroImg", + "name": "Hero Image", + "width": "fill_container", + "height": 240, + "fill": { + "type": "image", + "enabled": true, + "url": "./images/eggymon-kitchen-store.png", + "mode": "fill" + }, + "cornerRadius": 16 + }, + { + "type": "frame", + "id": "mobHeroContent", + "name": "Hero Content", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mobBadge", + "name": "badge", + "fill": "#FF6B35", + "cornerRadius": 16, + "padding": [ + 6, + 12 + ], + "children": [ + { + "type": "text", + "id": "mobBadgeTxt", + "name": "badgeText", + "fill": "#FFFFFF", + "content": "🥚 Open 24/7", + "fontFamily": "Poppins", + "fontSize": 12, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "mobHeadline", + "name": "headline", + "fill": "#FFFFFF", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Egg-cellent Food,\nMade With Love", + "lineHeight": 1.15, + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 32, + "fontWeight": "bold" + }, + { + "type": "text", + "id": "mobSubline", + "name": "subline", + "fill": "#FFFFFF99", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Your neighborhood comfort food destination. Fluffy omelettes to savory rice bowls, around the clock.", + "lineHeight": 1.6, + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "mobCtaRow", + "name": "CTA Row", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mobPrimBtn", + "name": "primaryBtn", + "width": "fill_container", + "fill": "#FF6B35", + "cornerRadius": 30, + "padding": [ + 16, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "mobPrimTxt", + "name": "primaryText", + "fill": "#FFFFFF", + "content": "View Our Menu", + "fontFamily": "Poppins", + "fontSize": 16, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "mobSecBtn", + "name": "secondaryBtn", + "width": "fill_container", + "fill": "transparent", + "cornerRadius": 30, + "stroke": { + "thickness": 2, + "fill": "#FFFFFF" + }, + "padding": [ + 16, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "mobSecTxt", + "name": "secondaryText", + "fill": "#FFFFFF", + "content": "Order Online", + "fontFamily": "Poppins", + "fontSize": 16, + "fontWeight": "600" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "mobFeat", + "name": "Features Section", + "width": "fill_container", + "fill": "#FFFFFF", + "layout": "vertical", + "gap": 24, + "padding": [ + 48, + 24 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mobFeatHdr", + "name": "Features Header", + "layout": "vertical", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "mobFeatTag", + "name": "featTag", + "fill": "#FF6B35", + "content": "Why Choose Us", + "fontFamily": "Poppins", + "fontSize": 12, + "fontWeight": "600", + "letterSpacing": 2 + }, + { + "type": "text", + "id": "mobFeatTitle", + "name": "featTitle", + "fill": "#2C2C2C", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Crafted With Care,\nServed With Soul", + "lineHeight": 1.2, + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 28, + "fontWeight": "bold" + } + ] + }, + { + "type": "frame", + "id": "mobFeatGrid", + "name": "Features Grid", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "mobF1", + "name": "feat1", + "width": "fill_container", + "fill": "#FAF8F4", + "cornerRadius": 20, + "gap": 12, + "padding": 24, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mobF1Ico", + "name": "feat1Icon", + "width": 52, + "height": 52, + "fill": "#FF6B3520", + "cornerRadius": 26, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "mobF1IcoIn", + "name": "feat1IconInner", + "width": 24, + "height": 24, + "iconFontName": "clock-3", + "iconFontFamily": "lucide", + "fill": "#FF6B35" + } + ] + }, + { + "type": "frame", + "id": "mobF1Body", + "name": "feat1Body", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "mobF1Ttl", + "name": "feat1Title", + "fill": "#2C2C2C", + "content": "Open 24/7", + "fontFamily": "Poppins", + "fontSize": 18, + "fontWeight": "600" + }, + { + "type": "text", + "id": "mobF1Desc", + "name": "feat1Desc", + "fill": "#6B6B6B", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Fresh food, any time of day or night.", + "lineHeight": 1.5, + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "mobF2", + "name": "feat2", + "width": "fill_container", + "fill": "#FAF8F4", + "cornerRadius": 20, + "gap": 12, + "padding": 24, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mobF2Ico", + "name": "feat2Icon", + "width": 52, + "height": 52, + "fill": "#FF6B3520", + "cornerRadius": 26, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "mobF2IcoIn", + "name": "feat2IconInner", + "width": 24, + "height": 24, + "iconFontName": "egg", + "iconFontFamily": "lucide", + "fill": "#FF6B35" + } + ] + }, + { + "type": "frame", + "id": "mobF2Body", + "name": "feat2Body", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "mobF2Ttl", + "name": "feat2Title", + "fill": "#2C2C2C", + "content": "Farm Fresh Eggs", + "fontFamily": "Poppins", + "fontSize": 18, + "fontWeight": "600" + }, + { + "type": "text", + "id": "mobF2Desc", + "name": "feat2Desc", + "fill": "#6B6B6B", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Sourced from local farms daily for the freshest taste.", + "lineHeight": 1.5, + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "mobF3", + "name": "feat3", + "width": "fill_container", + "fill": "#FAF8F4", + "cornerRadius": 20, + "gap": 12, + "padding": 24, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mobF3Ico", + "name": "feat3Icon", + "width": 52, + "height": 52, + "fill": "#FF6B3520", + "cornerRadius": 26, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "mobF3IcoIn", + "name": "feat3IconInner", + "width": 24, + "height": 24, + "iconFontName": "heart", + "iconFontFamily": "lucide", + "fill": "#FF6B35" + } + ] + }, + { + "type": "frame", + "id": "mobF3Body", + "name": "feat3Body", + "width": "fill_container", + "layout": "vertical", + "gap": 4, + "children": [ + { + "type": "text", + "id": "mobF3Ttl", + "name": "feat3Title", + "fill": "#2C2C2C", + "content": "Made With Love", + "fontFamily": "Poppins", + "fontSize": 18, + "fontWeight": "600" + }, + { + "type": "text", + "id": "mobF3Desc", + "name": "feat3Desc", + "fill": "#6B6B6B", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Passion in every dish. Home-cooked comfort at its best.", + "lineHeight": 1.5, + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "mobMenuSec", + "name": "Menu Section", + "width": "fill_container", + "fill": "#6B4423", + "layout": "vertical", + "gap": 32, + "padding": [ + 48, + 24 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mobMenuHdr", + "name": "Menu Header", + "layout": "vertical", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "mobMenuTag", + "name": "menuTag", + "fill": "#FF6B35", + "content": "Our Menu", + "fontFamily": "Poppins", + "fontSize": 12, + "fontWeight": "600", + "letterSpacing": 2 + }, + { + "type": "text", + "id": "mobMenuTtl", + "name": "menuTitle", + "fill": "#FFFFFF", + "content": "Our Menu", + "fontFamily": "Poppins", + "fontSize": 32, + "fontWeight": "bold" + }, + { + "type": "text", + "id": "mobMenuDesc", + "name": "menuDesc", + "fill": "#FFFFFF99", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Comfort food classics to Vietnamese specialties", + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "mobMenuGrid", + "name": "Menu Grid", + "width": "fill_container", + "fill": "#FFFFFF10", + "cornerRadius": 16, + "layout": "vertical", + "gap": 24, + "padding": 24, + "children": [ + { + "type": "frame", + "id": "mobCol1", + "name": "Món Chính Col", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "children": [ + { + "type": "text", + "id": "mobC1Ttl", + "name": "c1title", + "fill": "#FF6B35", + "content": "MÓN CHÍNH", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "bold", + "letterSpacing": 2 + }, + { + "type": "rectangle", + "id": "mobC1Div", + "name": "c1div", + "fill": "#FF6B35", + "width": 32, + "height": 2 + }, + { + "type": "text", + "id": "mobC1i1", + "name": "c1i1", + "fill": "#FFFFFFDD", + "content": "Cheese Foam Milk Tea", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "mobC1i2", + "name": "c1i2", + "fill": "#FFFFFFDD", + "content": "Strawberry Milk Tea", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "mobC1i3", + "name": "c1i3", + "fill": "#FFFFFFDD", + "content": "Oolong Milk Tea", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "mobC1i4", + "name": "c1i4", + "fill": "#FFFFFFDD", + "content": "Bacon Pork Cheeseburger", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "mobC1i5", + "name": "c1i5", + "fill": "#FFFFFFDD", + "content": "Crispy Chicken Burger", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "mobC1i6", + "name": "c1i6", + "fill": "#FFFFFFDD", + "content": "Beef Burger with Cheese", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "rectangle", + "id": "mobDiv1", + "name": "Divider 1", + "fill": "#FFFFFF20", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "mobCol2", + "name": "Món Phụ Col", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "children": [ + { + "type": "text", + "id": "mobC2Ttl", + "name": "c2title", + "fill": "#FF6B35", + "content": "MÓN PHỤ — ĂN VẶT", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "bold", + "letterSpacing": 2 + }, + { + "type": "rectangle", + "id": "mobC2Div", + "name": "c2div", + "fill": "#FF6B35", + "width": 32, + "height": 2 + }, + { + "type": "text", + "id": "mobC2i1", + "name": "c2i1", + "fill": "#FFFFFFDD", + "content": "Salad trộn", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "mobC2i2", + "name": "c2i2", + "fill": "#FFFFFFDD", + "content": "Khoai Tây Chiên", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "mobC2i3", + "name": "c2i3", + "fill": "#FFFFFFDD", + "content": "Bánh Tráng Trộn", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "mobC2i4", + "name": "c2i4", + "fill": "#FFFFFFDD", + "content": "Bánh Lăng", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "mobC2i5", + "name": "c2i5", + "fill": "#FFFFFFDD", + "content": "Mực rim me", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "mobC2i6", + "name": "c2i6", + "fill": "#FFFFFFDD", + "content": "Chè đậu Xanh", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "mobC2i7", + "name": "c2i7", + "fill": "#FFFFFFDD", + "content": "Chè Thập Cẩm", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "rectangle", + "id": "mobDiv2", + "name": "Divider 2", + "fill": "#FFFFFF20", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "mobCol3", + "name": "Đặc Biệt Col", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "children": [ + { + "type": "text", + "id": "mobC3Ttl", + "name": "c3title", + "fill": "#FF6B35", + "content": "ĐẶC BIỆT", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "bold", + "letterSpacing": 2 + }, + { + "type": "rectangle", + "id": "mobC3Div", + "name": "c3div", + "fill": "#FF6B35", + "width": 32, + "height": 2 + }, + { + "type": "text", + "id": "mobC3i1", + "name": "c3i1", + "fill": "#FFFFFFDD", + "content": "Phở Việt", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "mobC3i2", + "name": "c3i2", + "fill": "#FFFFFFDD", + "content": "Hủ Tiếu", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "mobTest", + "name": "Testimonials Section", + "width": "fill_container", + "fill": "#FAF8F4", + "layout": "vertical", + "gap": 20, + "padding": [ + 48, + 24 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mobTestHdr", + "name": "Test Header", + "layout": "vertical", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "mobTestTag", + "name": "testTag", + "fill": "#FF6B35", + "content": "Testimonials", + "fontFamily": "Poppins", + "fontSize": 12, + "fontWeight": "600", + "letterSpacing": 2 + }, + { + "type": "text", + "id": "mobTestTtl", + "name": "testTitle", + "fill": "#2C2C2C", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "What Our Customers Say", + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 28, + "fontWeight": "bold" + } + ] + }, + { + "type": "frame", + "id": "mobTestGrid", + "name": "Test Grid", + "width": "fill_container", + "layout": "vertical", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "mobT1", + "name": "test1", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 20, + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "text", + "id": "mobT1Q", + "name": "test1Quote", + "fill": "#2C2C2C", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "\"Best omelette I've ever had! The eggs are so fresh and fluffy. Now I'm a regular — even at 2 AM!\"", + "lineHeight": 1.6, + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "mobT2", + "name": "test2", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 20, + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "text", + "id": "mobT2Q", + "name": "test2Quote", + "fill": "#2C2C2C", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "\"My family's go-to spot for late night cravings. Friendly staff, consistent food.\"", + "lineHeight": 1.6, + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "mobT3", + "name": "test3", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 20, + "layout": "vertical", + "gap": 16, + "padding": 24, + "children": [ + { + "type": "text", + "id": "mobT3Q", + "name": "test3Quote", + "fill": "#2C2C2C", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "\"The shakshuka reminds me of home. Authentic flavors, generous portions, great price!\"", + "lineHeight": 1.6, + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "mobCta", + "name": "CTA Section", + "width": "fill_container", + "fill": "#FF6B35", + "layout": "vertical", + "gap": 24, + "padding": [ + 48, + 24 + ], + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "mobCtaTtl", + "name": "ctaTitle", + "fill": "#FFFFFF", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Ready to Try the Best Eggs in Town?", + "lineHeight": 1.2, + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 28, + "fontWeight": "bold" + }, + { + "type": "text", + "id": "mobCtaSub", + "name": "ctaSubline", + "fill": "#FFFFFF99", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Visit us or order online. Open 24/7!", + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "mobCtaBtns", + "name": "ctaBtnRow", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "mobCtaB1", + "name": "ctaBtn1", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 30, + "padding": [ + 16, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "mobCtaB1T", + "name": "ctaBtn1Text", + "fill": "#FF6B35", + "content": "Order Now", + "fontFamily": "Poppins", + "fontSize": 16, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "mobCtaB2", + "name": "ctaBtn2", + "width": "fill_container", + "fill": "transparent", + "cornerRadius": 30, + "stroke": { + "thickness": 2, + "fill": "#FFFFFF" + }, + "padding": [ + 16, + 0 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "mobCtaB2T", + "name": "ctaBtn2Text", + "fill": "#FFFFFF", + "content": "Find Location", + "fontFamily": "Poppins", + "fontSize": 16, + "fontWeight": "600" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "mobFtr", + "name": "Footer", + "width": "fill_container", + "fill": "#2C2C2C", + "layout": "vertical", + "gap": 32, + "padding": [ + 40, + 24 + ], + "children": [ + { + "type": "frame", + "id": "mobFtrBrand", + "name": "footerBrand", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "mobFtrLogoRow", + "name": "footerLogoRow", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "mobFtrLogoImg", + "name": "footerLogo", + "width": 32, + "height": 32, + "fill": { + "type": "image", + "enabled": true, + "url": "./images/Logo-Eggymon-Kitchen.png", + "mode": "fit" + } + }, + { + "type": "text", + "id": "mobFtrLogoTxt", + "name": "footerLogoText", + "fill": "#FFFFFF", + "content": "EggyMon Kitchen", + "fontFamily": "Poppins", + "fontSize": 16, + "fontWeight": "bold" + } + ] + }, + { + "type": "text", + "id": "mobFtrTag", + "name": "footerTagline", + "fill": "#9A9A9A", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Your neighborhood comfort food destination. Serving egg-cellent dishes 24/7.", + "lineHeight": 1.5, + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "mobFtrLinks", + "name": "footerLinks", + "width": "fill_container", + "gap": 32, + "children": [ + { + "type": "frame", + "id": "mobFtrC1", + "name": "footerCol1", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "children": [ + { + "type": "text", + "id": "mobFC1T", + "name": "footerCol1Title", + "fill": "#FFFFFF", + "content": "Menu", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "mobFC1L1", + "name": "footerCol1Link1", + "fill": "#9A9A9A", + "content": "Breakfast", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "mobFC1L2", + "name": "footerCol1Link2", + "fill": "#9A9A9A", + "content": "Lunch", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "mobFC1L3", + "name": "footerCol1Link3", + "fill": "#9A9A9A", + "content": "Dinner", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "mobFC1L4", + "name": "footerCol1Link4", + "fill": "#9A9A9A", + "content": "Drinks", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "mobFtrC2", + "name": "footerCol2", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "children": [ + { + "type": "text", + "id": "mobFC2T", + "name": "footerCol2Title", + "fill": "#FFFFFF", + "content": "Company", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "mobFC2L1", + "name": "footerCol2Link1", + "fill": "#9A9A9A", + "content": "About Us", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "mobFC2L2", + "name": "footerCol2Link2", + "fill": "#9A9A9A", + "content": "Locations", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "mobFC2L3", + "name": "footerCol2Link3", + "fill": "#9A9A9A", + "content": "Careers", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "mobFC2L4", + "name": "footerCol2Link4", + "fill": "#9A9A9A", + "content": "Contact", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "mobFtrC3", + "name": "footerCol3", + "width": "fill_container", + "layout": "vertical", + "gap": 10, + "children": [ + { + "type": "text", + "id": "mobFC3T", + "name": "footerCol3Title", + "fill": "#FFFFFF", + "content": "Contact", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "mobFC3L1", + "name": "footerCol3Link1", + "fill": "#9A9A9A", + "content": "+1 770 409 0003", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "mobFC3L2", + "name": "footerCol3Link2", + "fill": "#9A9A9A", + "content": "contact@eggymon.us", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "mobFC3L3", + "name": "footerCol3Link3", + "fill": "#9A9A9A", + "content": "eggymon.us", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "mobFtrDiv", + "name": "footerDivider", + "fill": "#4A4A4A", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "mobFtrBot", + "name": "footerBottom", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "mobFtrCopy", + "name": "footerCopy", + "fill": "#6B6B6B", + "content": "© 2026 EggyMon Kitchen. All rights reserved.", + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "mobFtrLegal", + "name": "footerLegal", + "gap": 16, + "children": [ + { + "type": "text", + "id": "mobFtrPrv", + "name": "footerPrivacy", + "fill": "#6B6B6B", + "content": "Privacy Policy", + "fontFamily": "Poppins", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "mobFtrTrm", + "name": "footerTerms", + "fill": "#6B6B6B", + "content": "Terms of Service", + "fontFamily": "Poppins", + "fontSize": 12, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] +} \ No newline at end of file diff --git a/pencil-design/src/pages/eggymon-kitchen-landingpage/eggymon-landipage-tablet.pen b/pencil-design/src/pages/eggymon-kitchen-landingpage/eggymon-landipage-tablet.pen new file mode 100644 index 00000000..b966ad8c --- /dev/null +++ b/pencil-design/src/pages/eggymon-kitchen-landingpage/eggymon-landipage-tablet.pen @@ -0,0 +1,1420 @@ +{ + "version": "2.7", + "children": [ + { + "type": "frame", + "id": "tab01", + "x": 0, + "y": 0, + "name": "Eggymon Kitchen Landing Page — Tablet", + "width": 768, + "fill": "#FAF8F4", + "layout": "vertical", + "children": [ + { + "type": "frame", + "id": "tabHdr", + "name": "Header", + "width": "fill_container", + "height": 72, + "fill": "#FFFFFF", + "padding": [ + 0, + 40 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tabLogo", + "name": "Logo Area", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tabLogoImg", + "name": "headerLogo", + "width": 40, + "height": 40, + "fill": { + "type": "image", + "enabled": true, + "url": "./images/Logo-Eggymon-Kitchen.png", + "mode": "fit" + } + }, + { + "type": "text", + "id": "tabLogoTxt", + "name": "logoText", + "fill": "#6B4423", + "content": "EggyMon Kitchen", + "fontFamily": "Poppins", + "fontSize": 20, + "fontWeight": "bold" + } + ] + }, + { + "type": "frame", + "id": "tabNav", + "name": "Nav Links", + "gap": 28, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "tabNavMenu", + "name": "navMenu", + "fill": "#2C2C2C", + "content": "Menu", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabNavAbout", + "name": "navAbout", + "fill": "#2C2C2C", + "content": "About", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabNavLoc", + "name": "navLocation", + "fill": "#2C2C2C", + "content": "Locations", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "tabCta", + "name": "CTA Area", + "children": [ + { + "type": "frame", + "id": "tabOrderBtn", + "name": "orderBtn", + "fill": "#FF6B35", + "cornerRadius": 24, + "padding": [ + 12, + 24 + ], + "children": [ + { + "type": "text", + "id": "tabOrderTxt", + "name": "orderText", + "fill": "#FFFFFF", + "content": "Order Now", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "600" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "tabHero", + "name": "Hero Section", + "width": "fill_container", + "fill": "#6B4423", + "layout": "vertical", + "gap": 32, + "padding": [ + 60, + 40 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tabHeroImg", + "name": "Hero Image", + "width": "fill_container", + "height": 340, + "fill": { + "type": "image", + "enabled": true, + "url": "./images/eggymon-kitchen-store.png", + "mode": "fill" + }, + "cornerRadius": 20 + }, + { + "type": "frame", + "id": "tabHeroContent", + "name": "Hero Content", + "width": "fill_container", + "layout": "vertical", + "gap": 20, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tabBadge", + "name": "badge", + "fill": "#FF6B35", + "cornerRadius": 20, + "padding": [ + 8, + 16 + ], + "children": [ + { + "type": "text", + "id": "tabBadgeTxt", + "name": "badgeText", + "fill": "#FFFFFF", + "content": "🥚 Open 24/7 — Fresh & Delicious", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "600" + } + ] + }, + { + "type": "text", + "id": "tabHeadline", + "name": "headline", + "fill": "#FFFFFF", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Egg-cellent Food,\nMade With Love", + "lineHeight": 1.15, + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 44, + "fontWeight": "bold" + }, + { + "type": "text", + "id": "tabSubline", + "name": "subline", + "fill": "#FFFFFF99", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Welcome to EggyMon Kitchen — your neighborhood comfort food destination. From fluffy omelettes to savory rice bowls, around the clock.", + "lineHeight": 1.6, + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 16, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "tabHeroCtaRow", + "name": "CTA Row", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "tabPrimBtn", + "name": "primaryBtn", + "fill": "#FF6B35", + "cornerRadius": 30, + "padding": [ + 16, + 32 + ], + "children": [ + { + "type": "text", + "id": "tabPrimTxt", + "name": "primaryText", + "fill": "#FFFFFF", + "content": "View Our Menu", + "fontFamily": "Poppins", + "fontSize": 16, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "tabSecBtn", + "name": "secondaryBtn", + "fill": "transparent", + "cornerRadius": 30, + "stroke": { + "thickness": 2, + "fill": "#FFFFFF" + }, + "padding": [ + 16, + 32 + ], + "children": [ + { + "type": "text", + "id": "tabSecTxt", + "name": "secondaryText", + "fill": "#FFFFFF", + "content": "Order Online", + "fontFamily": "Poppins", + "fontSize": 16, + "fontWeight": "600" + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "tabFeat", + "name": "Features Section", + "width": "fill_container", + "fill": "#FFFFFF", + "layout": "vertical", + "gap": 36, + "padding": [ + 60, + 40 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tabFeatHdr", + "name": "Features Header", + "layout": "vertical", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "tabFeatTag", + "name": "featTag", + "fill": "#FF6B35", + "content": "Why Choose Us", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "600", + "letterSpacing": 2 + }, + { + "type": "text", + "id": "tabFeatTtl", + "name": "featTitle", + "fill": "#2C2C2C", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Crafted With Care, Served With Soul", + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 36, + "fontWeight": "bold" + }, + { + "type": "text", + "id": "tabFeatDesc", + "name": "featDesc", + "fill": "#6B6B6B", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Every dish at EggyMon Kitchen is prepared fresh with premium ingredients", + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 15, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "tabFeatGrid", + "name": "Features Grid", + "width": "fill_container", + "gap": 20, + "justifyContent": "center", + "children": [ + { + "type": "frame", + "id": "tabF1", + "name": "feat1", + "width": "fill_container", + "fill": "#FAF8F4", + "cornerRadius": 20, + "layout": "vertical", + "gap": 16, + "padding": 28, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tabF1Ico", + "name": "feat1Icon", + "width": 56, + "height": 56, + "fill": "#FF6B3520", + "cornerRadius": 28, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "tabF1IcoIn", + "name": "feat1IconInner", + "width": 26, + "height": 26, + "iconFontName": "clock-3", + "iconFontFamily": "lucide", + "fill": "#FF6B35" + } + ] + }, + { + "type": "text", + "id": "tabF1Ttl", + "name": "feat1Title", + "fill": "#2C2C2C", + "content": "Open 24/7", + "fontFamily": "Poppins", + "fontSize": 20, + "fontWeight": "600" + }, + { + "type": "text", + "id": "tabF1Desc", + "name": "feat1Desc", + "fill": "#6B6B6B", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Craving eggs at 3 AM? We've got you covered.", + "lineHeight": 1.5, + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "tabF2", + "name": "feat2", + "width": "fill_container", + "fill": "#FAF8F4", + "cornerRadius": 20, + "layout": "vertical", + "gap": 16, + "padding": 28, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tabF2Ico", + "name": "feat2Icon", + "width": 56, + "height": 56, + "fill": "#FF6B3520", + "cornerRadius": 28, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "tabF2IcoIn", + "name": "feat2IconInner", + "width": 26, + "height": 26, + "iconFontName": "egg", + "iconFontFamily": "lucide", + "fill": "#FF6B35" + } + ] + }, + { + "type": "text", + "id": "tabF2Ttl", + "name": "feat2Title", + "fill": "#2C2C2C", + "content": "Farm Fresh Eggs", + "fontFamily": "Poppins", + "fontSize": 20, + "fontWeight": "600" + }, + { + "type": "text", + "id": "tabF2Desc", + "name": "feat2Desc", + "fill": "#6B6B6B", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Sourced from local farms daily for the freshest taste.", + "lineHeight": 1.5, + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "tabF3", + "name": "feat3", + "width": "fill_container", + "fill": "#FAF8F4", + "cornerRadius": 20, + "layout": "vertical", + "gap": 16, + "padding": 28, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tabF3Ico", + "name": "feat3Icon", + "width": 56, + "height": 56, + "fill": "#FF6B3520", + "cornerRadius": 28, + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "icon_font", + "id": "tabF3IcoIn", + "name": "feat3IconInner", + "width": 26, + "height": 26, + "iconFontName": "heart", + "iconFontFamily": "lucide", + "fill": "#FF6B35" + } + ] + }, + { + "type": "text", + "id": "tabF3Ttl", + "name": "feat3Title", + "fill": "#2C2C2C", + "content": "Made With Love", + "fontFamily": "Poppins", + "fontSize": 20, + "fontWeight": "600" + }, + { + "type": "text", + "id": "tabF3Desc", + "name": "feat3Desc", + "fill": "#6B6B6B", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Our chefs pour passion into every dish. Home-cooked comfort.", + "lineHeight": 1.5, + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "tabMenuSec", + "name": "Menu Section", + "width": "fill_container", + "fill": "#6B4423", + "layout": "vertical", + "gap": 36, + "padding": [ + 60, + 40 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tabMenuHdr", + "name": "Menu Header", + "layout": "vertical", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "tabMenuTag", + "name": "menuTag", + "fill": "#FF6B35", + "content": "Our Menu", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "600", + "letterSpacing": 2 + }, + { + "type": "text", + "id": "tabMenuTtl", + "name": "menuTitle", + "fill": "#FFFFFF", + "content": "Our Menu", + "fontFamily": "Poppins", + "fontSize": 36, + "fontWeight": "bold" + }, + { + "type": "text", + "id": "tabMenuDesc", + "name": "menuDesc", + "fill": "#FFFFFF99", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Explore our full range of dishes — from comfort food classics to Vietnamese specialties", + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 15, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "tabMenuGrid", + "name": "Full Menu Grid", + "width": "fill_container", + "fill": "#FFFFFF10", + "cornerRadius": 16, + "gap": 32, + "padding": [ + 28, + 32 + ], + "justifyContent": "center", + "children": [ + { + "type": "frame", + "id": "tabMCol1", + "name": "Món Chính Col", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "tabMC1Ttl", + "name": "c1title", + "fill": "#FF6B35", + "content": "MÓN CHÍNH", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "bold", + "letterSpacing": 2 + }, + { + "type": "rectangle", + "id": "tabMC1Div", + "name": "c1div", + "fill": "#FF6B35", + "width": 36, + "height": 2 + }, + { + "type": "text", + "id": "tabMC1i1", + "name": "c1i1", + "fill": "#FFFFFFDD", + "content": "Cheese Foam Milk Tea", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabMC1i2", + "name": "c1i2", + "fill": "#FFFFFFDD", + "content": "Strawberry Milk Tea", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabMC1i3", + "name": "c1i3", + "fill": "#FFFFFFDD", + "content": "Oolong Milk Tea", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabMC1i4", + "name": "c1i4", + "fill": "#FFFFFFDD", + "content": "Bacon Pork Cheeseburger", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabMC1i5", + "name": "c1i5", + "fill": "#FFFFFFDD", + "content": "Crispy Chicken Burger", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabMC1i6", + "name": "c1i6", + "fill": "#FFFFFFDD", + "content": "Beef Burger with Cheese", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + } + ] + }, + { + "type": "rectangle", + "id": "tabMDiv1", + "name": "Divider 1", + "fill": "#FFFFFF20", + "width": 1, + "height": "fill_container" + }, + { + "type": "frame", + "id": "tabMCol2", + "name": "Món Phụ Col", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "tabMC2Ttl", + "name": "c2title", + "fill": "#FF6B35", + "content": "MÓN PHỤ — ĂN VẶT", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "bold", + "letterSpacing": 2 + }, + { + "type": "rectangle", + "id": "tabMC2Div", + "name": "c2div", + "fill": "#FF6B35", + "width": 36, + "height": 2 + }, + { + "type": "text", + "id": "tabMC2i1", + "name": "c2i1", + "fill": "#FFFFFFDD", + "content": "Salad trộn", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabMC2i2", + "name": "c2i2", + "fill": "#FFFFFFDD", + "content": "Khoai Tây Chiên", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabMC2i3", + "name": "c2i3", + "fill": "#FFFFFFDD", + "content": "Bánh Tráng Trộn", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabMC2i4", + "name": "c2i4", + "fill": "#FFFFFFDD", + "content": "Bánh Lăng", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabMC2i5", + "name": "c2i5", + "fill": "#FFFFFFDD", + "content": "Mực rim me", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabMC2i6", + "name": "c2i6", + "fill": "#FFFFFFDD", + "content": "Chè đậu Xanh", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabMC2i7", + "name": "c2i7", + "fill": "#FFFFFFDD", + "content": "Chè Thập Cẩm", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + } + ] + } + ] + }, + { + "type": "frame", + "id": "tabMenuSpecial", + "name": "Special Menu Row", + "width": "fill_container", + "fill": "#FFFFFF10", + "cornerRadius": 16, + "padding": [ + 28, + 32 + ], + "children": [ + { + "type": "frame", + "id": "tabMCol3", + "name": "Đặc Biệt Col", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "tabMC3Ttl", + "name": "c3title", + "fill": "#FF6B35", + "content": "ĐẶC BIỆT", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "bold", + "letterSpacing": 2 + }, + { + "type": "rectangle", + "id": "tabMC3Div", + "name": "c3div", + "fill": "#FF6B35", + "width": 36, + "height": 2 + }, + { + "type": "text", + "id": "tabMC3i1", + "name": "c3i1", + "fill": "#FFFFFFDD", + "content": "Phở Việt", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + }, + { + "type": "text", + "id": "tabMC3i2", + "name": "c3i2", + "fill": "#FFFFFFDD", + "content": "Hủ Tiếu", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "500" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "tabTest", + "name": "Testimonials Section", + "width": "fill_container", + "fill": "#FAF8F4", + "layout": "vertical", + "gap": 36, + "padding": [ + 60, + 40 + ], + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tabTestHdr", + "name": "Test Header", + "layout": "vertical", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "tabTestTag", + "name": "testTag", + "fill": "#FF6B35", + "content": "Testimonials", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "600", + "letterSpacing": 2 + }, + { + "type": "text", + "id": "tabTestTtl", + "name": "testTitle", + "fill": "#2C2C2C", + "content": "What Our Customers Say", + "fontFamily": "Poppins", + "fontSize": 36, + "fontWeight": "bold" + } + ] + }, + { + "type": "frame", + "id": "tabTestTopRow", + "name": "Test Row 1", + "width": "fill_container", + "gap": 20, + "children": [ + { + "type": "frame", + "id": "tabT1", + "name": "test1", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 20, + "layout": "vertical", + "gap": 16, + "padding": 28, + "children": [ + { + "type": "text", + "id": "tabT1Q", + "name": "test1Quote", + "fill": "#2C2C2C", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "\"Best omelette I've ever had! The eggs are so fresh and fluffy. Now I'm a regular — even at 2 AM!\"", + "lineHeight": 1.6, + "fontFamily": "Poppins", + "fontSize": 15, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "tabT2", + "name": "test2", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 20, + "layout": "vertical", + "gap": 16, + "padding": 28, + "children": [ + { + "type": "text", + "id": "tabT2Q", + "name": "test2Quote", + "fill": "#2C2C2C", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "\"My family's go-to spot for late night cravings. The staff is friendly and the food is always consistent.\"", + "lineHeight": 1.6, + "fontFamily": "Poppins", + "fontSize": 15, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "tabT3", + "name": "test3", + "width": "fill_container", + "fill": "#FFFFFF", + "cornerRadius": 20, + "layout": "vertical", + "gap": 16, + "padding": 28, + "children": [ + { + "type": "text", + "id": "tabT3Q", + "name": "test3Quote", + "fill": "#2C2C2C", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "\"The shakshuka here reminds me of home. Authentic flavors, generous portions, and the price is right!\"", + "lineHeight": 1.6, + "fontFamily": "Poppins", + "fontSize": 15, + "fontWeight": "normal" + } + ] + } + ] + }, + { + "type": "frame", + "id": "tabCtaSec", + "name": "CTA Section", + "width": "fill_container", + "fill": "#FF6B35", + "layout": "vertical", + "gap": 28, + "padding": [ + 60, + 40 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "tabCtaTtl", + "name": "ctaTitle", + "fill": "#FFFFFF", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Ready to Try the Best Eggs in Town?", + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 36, + "fontWeight": "bold" + }, + { + "type": "text", + "id": "tabCtaSub", + "name": "ctaSubline", + "fill": "#FFFFFF99", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Visit us today or order online for delivery. Open 24/7 for your convenience!", + "textAlign": "center", + "fontFamily": "Poppins", + "fontSize": 16, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "tabCtaBtns", + "name": "ctaBtnRow", + "gap": 16, + "children": [ + { + "type": "frame", + "id": "tabCtaB1", + "name": "ctaBtn1", + "fill": "#FFFFFF", + "cornerRadius": 30, + "padding": [ + 16, + 36 + ], + "children": [ + { + "type": "text", + "id": "tabCtaB1T", + "name": "ctaBtn1Text", + "fill": "#FF6B35", + "content": "Order Now", + "fontFamily": "Poppins", + "fontSize": 16, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "tabCtaB2", + "name": "ctaBtn2", + "fill": "transparent", + "cornerRadius": 30, + "stroke": { + "thickness": 2, + "fill": "#FFFFFF" + }, + "padding": [ + 16, + 36 + ], + "children": [ + { + "type": "text", + "id": "tabCtaB2T", + "name": "ctaBtn2Text", + "fill": "#FFFFFF", + "content": "Find Location", + "fontFamily": "Poppins", + "fontSize": 16, + "fontWeight": "600" + } + ] + } + ] + } + ] + }, + { + "type": "frame", + "id": "tabFtr", + "name": "Footer", + "width": "fill_container", + "fill": "#2C2C2C", + "layout": "vertical", + "gap": 36, + "padding": [ + 48, + 40 + ], + "children": [ + { + "type": "frame", + "id": "tabFtrTop", + "name": "footerTop", + "width": "fill_container", + "gap": 40, + "children": [ + { + "type": "frame", + "id": "tabFtrBrand", + "name": "footerBrand", + "width": "fill_container", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "frame", + "id": "tabFtrLogoRow", + "name": "footerLogoRow", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "tabFtrLogoImg", + "name": "footerLogo", + "width": 36, + "height": 36, + "fill": { + "type": "image", + "enabled": true, + "url": "./images/Logo-Eggymon-Kitchen.png", + "mode": "fit" + } + }, + { + "type": "text", + "id": "tabFtrLogoTxt", + "name": "footerLogoText", + "fill": "#FFFFFF", + "content": "EggyMon Kitchen", + "fontFamily": "Poppins", + "fontSize": 18, + "fontWeight": "bold" + } + ] + }, + { + "type": "text", + "id": "tabFtrTag", + "name": "footerTagline", + "fill": "#9A9A9A", + "textGrowth": "fixed-width", + "width": "fill_container", + "content": "Your neighborhood comfort food destination. Serving egg-cellent dishes 24/7.", + "lineHeight": 1.6, + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "tabFtrLinks", + "name": "footerLinks", + "gap": 48, + "children": [ + { + "type": "frame", + "id": "tabFtrC1", + "name": "footerCol1", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "tabFC1T", + "name": "footerCol1Title", + "fill": "#FFFFFF", + "content": "Menu", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "tabFC1L1", + "name": "footerCol1Link1", + "fill": "#9A9A9A", + "content": "Breakfast", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "tabFC1L2", + "name": "footerCol1Link2", + "fill": "#9A9A9A", + "content": "Lunch", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "tabFC1L3", + "name": "footerCol1Link3", + "fill": "#9A9A9A", + "content": "Dinner", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "tabFC1L4", + "name": "footerCol1Link4", + "fill": "#9A9A9A", + "content": "Drinks", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "tabFtrC2", + "name": "footerCol2", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "tabFC2T", + "name": "footerCol2Title", + "fill": "#FFFFFF", + "content": "Company", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "tabFC2L1", + "name": "footerCol2Link1", + "fill": "#9A9A9A", + "content": "About Us", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "tabFC2L2", + "name": "footerCol2Link2", + "fill": "#9A9A9A", + "content": "Locations", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "tabFC2L3", + "name": "footerCol2Link3", + "fill": "#9A9A9A", + "content": "Careers", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "tabFC2L4", + "name": "footerCol2Link4", + "fill": "#9A9A9A", + "content": "Contact", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + } + ] + }, + { + "type": "frame", + "id": "tabFtrC3", + "name": "footerCol3", + "layout": "vertical", + "gap": 12, + "children": [ + { + "type": "text", + "id": "tabFC3T", + "name": "footerCol3Title", + "fill": "#FFFFFF", + "content": "Contact", + "fontFamily": "Poppins", + "fontSize": 14, + "fontWeight": "600" + }, + { + "type": "text", + "id": "tabFC3L1", + "name": "footerCol3Link1", + "fill": "#9A9A9A", + "content": "+1 770 409 0003", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "tabFC3L2", + "name": "footerCol3Link2", + "fill": "#9A9A9A", + "content": "contact@eggymon.us", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "tabFC3L3", + "name": "footerCol3Link3", + "fill": "#9A9A9A", + "content": "eggymon.us", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + } + ] + }, + { + "type": "rectangle", + "id": "tabFtrDiv", + "name": "footerDivider", + "fill": "#4A4A4A", + "width": "fill_container", + "height": 1 + }, + { + "type": "frame", + "id": "tabFtrBot", + "name": "footerBottom", + "width": "fill_container", + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "tabFtrCopy", + "name": "footerCopy", + "fill": "#6B6B6B", + "content": "© 2026 EggyMon Kitchen. All rights reserved.", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "frame", + "id": "tabFtrLegal", + "name": "footerLegal", + "gap": 20, + "children": [ + { + "type": "text", + "id": "tabFtrPrv", + "name": "footerPrivacy", + "fill": "#6B6B6B", + "content": "Privacy Policy", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "tabFtrTrm", + "name": "footerTerms", + "fill": "#6B6B6B", + "content": "Terms of Service", + "fontFamily": "Poppins", + "fontSize": 13, + "fontWeight": "normal" + } + ] + } + ] + } + ] + } + ] + } + ] +}