{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import*as React from\"react\";/**\n * @framerRecordIdKey id\n * @framerSlug bqvnCTqxL\n * @framerData\n */ const data=[{bqvnCTqxL:\"the-art-of-weather-design-how-typography-is-revolutionizing-weather-apps-copy\",id:\"lDKEtoOHU\",K6FzWgk_w:\"The Art of Weather Design: How Typography is Revolutionizing Weather Apps Copy\",MHiniSa09:\"2022-04-08T00:00:00.000Z\",wfb1YXA1z:{alt:\"Mountains covered by clouds\",src:new URL(\"assets/AeFcmzlvR174NIrdDukOYspKRg.png\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href,srcSet:`${new URL(\"assets/512/AeFcmzlvR174NIrdDukOYspKRg.png\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 512w, ${new URL(\"assets/AeFcmzlvR174NIrdDukOYspKRg.png\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 793w`},xC7ynY4f_:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"When it comes to weather apps, the challenge lies in presenting complex and constantly changing weather data in a way that is easy to understand and visually appealing. That's where typography comes in. By using creative typography solutions, weather app designers are able to simplify weather information, improve readability, and create an aesthetically pleasing user experience.\"}),/*#__PURE__*/ _jsx(\"p\",{children:/*#__PURE__*/ _jsx(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/ _jsx(\"p\",{children:\"One way that typography is revolutionizing weather app design is by using color to convey weather conditions. By assigning specific colors to different types of weather, users can quickly scan the app and understand what's going on outside. For example, a blue background might indicate a clear and sunny day, while a gray background might signify overcast skies.\"}),/*#__PURE__*/ _jsx(\"p\",{children:/*#__PURE__*/ _jsx(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/ _jsx(\"p\",{children:\"Another way that typography is changing weather app design is through the use of bold and expressive typography. By using bold typography for important information like temperature and wind speed, designers are able to draw users' attention to the most critical information. This not only makes the app more visually appealing, but also improves its usability.\"}),/*#__PURE__*/ _jsx(\"p\",{children:/*#__PURE__*/ _jsx(\"br\",{className:\"trailing-break\"})}),/*#__PURE__*/ _jsx(\"p\",{children:\"Overall, typography is a powerful tool in weather app design, helping designers to simplify complex weather information and create a visually pleasing user experience.\"})]}),Yum_DtsYB:\"In this post, we explore the ways in which typography is transforming weather app design, from simplifying weather information to making it more aesthetically pleasing.\"},{bqvnCTqxL:\"personalizing-the-weather-experience-how-weather-apps-are-using-data-to-offer-customized-recommendations-copy\",id:\"sTVvb4nI2\",K6FzWgk_w:\"Personalizing the Weather Experience: How Weather Apps are Using Data to Offer Customized Recommendations Copy\",MHiniSa09:\"2022-03-15T00:00:00.000Z\",wfb1YXA1z:{alt:\"\",src:new URL(\"assets/SLHoU84i908886sTW164oVlGD5o.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href,srcSet:`${new URL(\"assets/512/SLHoU84i908886sTW164oVlGD5o.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 512w, ${new URL(\"assets/1024/SLHoU84i908886sTW164oVlGD5o.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 1024w, ${new URL(\"assets/2048/SLHoU84i908886sTW164oVlGD5o.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 2048w, ${new URL(\"assets/SLHoU84i908886sTW164oVlGD5o.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 3456w`},xC7ynY4f_:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"Weather apps have come a long way in recent years, providing users with detailed weather information that goes beyond just temperature and precipitation. Now, weather apps are using data to offer personalized recommendations for clothing, activities, food and drink, and more. By using a combination of location data, weather data, and user preferences, weather apps are able to offer customized recommendations that improve the user experience.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"For example, some weather apps are using machine learning algorithms to analyze user behavior and preferences, and then make recommendations based on that data. This means that if a user always checks the weather before going for a run, the app might start recommending running routes based on the user's location and weather conditions.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Other weather apps are using personalized recommendations to suggest clothing and accessories based on the weather conditions. By analyzing the temperature, humidity, and other factors, these apps can suggest the best type of clothing to wear for the current weather conditions, as well as for the rest of the day.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Overall, personalized recommendations are a powerful tool in weather app design, helping to improve the user experience and make weather information more relevant to individual users.\"})]}),Yum_DtsYB:\"In this post, we explore how weather apps are using data to offer personalized recommendations for clothing, activities, food and drink, and more. We look at the benefits of personalized recommendations for users, and how weather app designers are incorporating this feature into their apps.\"},{bqvnCTqxL:\"art-of-weather-design\",id:\"v9RnUyp0y\",K6FzWgk_w:\"The Art of Weather Design: How Typography is Revolutionizing Weather Apps\",MHiniSa09:\"2022-04-08T00:00:00.000Z\",wfb1YXA1z:{alt:\"\",src:new URL(\"assets/4096/gS7MhHHWMM8SzdnKbPkeNffkQ8.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href,srcSet:`${new URL(\"assets/512/gS7MhHHWMM8SzdnKbPkeNffkQ8.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 341w, ${new URL(\"assets/1024/gS7MhHHWMM8SzdnKbPkeNffkQ8.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 682w, ${new URL(\"assets/2048/gS7MhHHWMM8SzdnKbPkeNffkQ8.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 1365w, ${new URL(\"assets/4096/gS7MhHHWMM8SzdnKbPkeNffkQ8.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 2730w, ${new URL(\"assets/gS7MhHHWMM8SzdnKbPkeNffkQ8.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 8165w`},xC7ynY4f_:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"When it comes to weather apps, the challenge lies in presenting complex and constantly changing weather data in a way that is easy to understand and visually appealing. That's where typography comes in. By using creative typography solutions, weather app designers are able to simplify weather information, improve readability, and create an aesthetically pleasing user experience.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"One way that typography is revolutionizing weather app design is by using color to convey weather conditions. By assigning specific colors to different types of weather, users can quickly scan the app and understand what's going on outside. For example, a blue background might indicate a clear and sunny day, while a gray background might signify overcast skies.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Another way that typography is changing weather app design is through the use of bold and expressive typography. By using bold typography for important information like temperature and wind speed, designers are able to draw users' attention to the most critical information. This not only makes the app more visually appealing, but also improves its usability.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Overall, typography is a powerful tool in weather app design, helping designers to simplify complex weather information and create a visually pleasing user experience.\"})]}),Yum_DtsYB:\"In this post, we explore the ways in which typography is transforming weather app design, from simplifying weather information to making it more aesthetically pleasing.\"},{bqvnCTqxL:\"personalizing-the-weather\",id:\"DdCmYaFiE\",K6FzWgk_w:\"Personalizing the Weather Experience: How Weather Apps are Using Data to Offer Customized Recommendations\",MHiniSa09:\"2022-03-15T00:00:00.000Z\",wfb1YXA1z:{alt:\"\",src:new URL(\"assets/SLHoU84i908886sTW164oVlGD5o.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href,srcSet:`${new URL(\"assets/512/SLHoU84i908886sTW164oVlGD5o.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 512w, ${new URL(\"assets/1024/SLHoU84i908886sTW164oVlGD5o.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 1024w, ${new URL(\"assets/2048/SLHoU84i908886sTW164oVlGD5o.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 2048w, ${new URL(\"assets/SLHoU84i908886sTW164oVlGD5o.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 3456w`},xC7ynY4f_:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"Weather apps have come a long way in recent years, providing users with detailed weather information that goes beyond just temperature and precipitation. Now, weather apps are using data to offer personalized recommendations for clothing, activities, food and drink, and more. By using a combination of location data, weather data, and user preferences, weather apps are able to offer customized recommendations that improve the user experience.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"For example, some weather apps are using machine learning algorithms to analyze user behavior and preferences, and then make recommendations based on that data. This means that if a user always checks the weather before going for a run, the app might start recommending running routes based on the user's location and weather conditions.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Other weather apps are using personalized recommendations to suggest clothing and accessories based on the weather conditions. By analyzing the temperature, humidity, and other factors, these apps can suggest the best type of clothing to wear for the current weather conditions, as well as for the rest of the day.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Overall, personalized recommendations are a powerful tool in weather app design, helping to improve the user experience and make weather information more relevant to individual users.\"})]}),Yum_DtsYB:\"In this post, we explore how weather apps are using data to offer personalized recommendations for clothing, activities, food and drink, and more. We look at the benefits of personalized recommendations for users, and how weather app designers are incorporating this feature into their apps.\"},{bqvnCTqxL:\"importance-of-accurate\",id:\"H1wADJB5z\",K6FzWgk_w:\"The Importance of Accurate Weather Data in Weather App Design\",MHiniSa09:\"2022-02-28T00:00:00.000Z\",wfb1YXA1z:{src:new URL(\"assets/0cSPcD2tWYGinXwWUR7fJ2kgXGk.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href,srcSet:`${new URL(\"assets/512/0cSPcD2tWYGinXwWUR7fJ2kgXGk.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 383w, ${new URL(\"assets/1024/0cSPcD2tWYGinXwWUR7fJ2kgXGk.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 767w, ${new URL(\"assets/0cSPcD2tWYGinXwWUR7fJ2kgXGk.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 1000w`},xC7ynY4f_:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"At the heart of every weather app is accurate weather data. Without accurate data, weather apps are useless, providing users with incorrect information that can be dangerous or even life-threatening in extreme cases. That's why accurate weather data is so important in weather app design. One of the biggest challenges in collecting accurate weather data is the sheer volume of data that needs to be collected and analyzed. Weather data comes from a variety of sources, including satellites, weather stations, and other weather monitoring devices. This data needs to be collected and processed in real-time in order to provide accurate weather information to users.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Another challenge is presenting this data in a way that is easy for users to understand. Weather data can be complex, with many different variables that affect the weather, such as temperature, humidity, wind speed, and precipitation. Weather app designers need to find ways to present this information in a way that is clear and easy to understand, without overwhelming users with too much information.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Despite these challenges, weather app designers are working hard to overcome them and provide users with accurate weather information. One way that they are doing this is by using machine learning algorithms to analyze weather data and make predictions about future weather conditions. By analyzing historical weather data and current weather patterns, these algorithms can provide more accurate predictions about future weather conditions.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Another way that weather app designers are working to improve the accuracy of their apps is by partnering with weather data providers and weather monitoring organizations. By accessing the latest weather data and using the most up-to-date weather monitoring techniques, weather app designers can ensure that their apps provide the most accurate weather information possible.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"In conclusion, accurate weather data is crucial to the design and functionality of weather apps. By overcoming the challenges of collecting and presenting weather data, weather app designers can provide users with the most accurate and up-to-date weather information possible, improving the user experience and ensuring that users stay safe and informed in all types of weather conditions.\"})]}),Yum_DtsYB:\"In this post, we explore the importance of accurate weather data in weather app design. We look at the challenges of collecting and presenting weather data, and how weather app designers are working to overcome these challenges.\"},{bqvnCTqxL:\"building-a-navigation-component\",id:\"AzbR8u5HU\",K6FzWgk_w:\"Building a Navigation Component with Variables\",MHiniSa09:\"2022-02-06T00:00:00.000Z\",wfb1YXA1z:{src:new URL(\"assets/InuNHIQ0GzOduJG7DthhRGJV8fY.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href,srcSet:`${new URL(\"assets/512/InuNHIQ0GzOduJG7DthhRGJV8fY.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 383w, ${new URL(\"assets/1024/InuNHIQ0GzOduJG7DthhRGJV8fY.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 767w, ${new URL(\"assets/InuNHIQ0GzOduJG7DthhRGJV8fY.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 1000w`},xC7ynY4f_:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"p\",{children:\"Navigation is key within any digital interface. Smart Components enable us to create custom interactive navigation components that work perfectly with the rest of your prototype.In this guide, we will cover the concepts of nesting components, adding events to elements in a component using Event Variables, and passing these through your components. One of the main benefits of using nested components is that it provides full control over its states, such as unique hover states of elements within another component.\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Starting at the atomic level\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Framer allows you to create fully interactive and animated components, and even allows you to nest components within other components. We\u2019re building a navigation bar component for a website that will contain two different kinds of nested components, with their own unique interactions. Our project will contain a Navigation bar that contains various nested components, namely five Nav items and one Shopping cart component. The design of our nested components, the nav list item and the shopping cart, will impact how we design our navigation bar. For this reason, an optimal workflow includes starting with the 'deepest' nested component and building up from there.\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Nesting components\"}),/*#__PURE__*/ _jsx(\"p\",{children:\" Once we have our two components ready, we can start creating the component in which we will nest these. Draw your navigation bar, select it on the canvas and click the Component tool in the Toolbar. To nest a different component in our new component, just drag any other component to the Component Canvas and place it within your designed navigation bar.\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Triggering interactions from the navigation bar\"}),/*#__PURE__*/ _jsx(\"p\",{children:\" Back on the main canvas, we\u2019d like to be able to tap 'Clothing' and navigate to an entire new Screen. If you\u2019d connect the component using the Prototyping Connector to a new screen, we could set up an Interaction. However, this would be triggered if we tap anywhere within our component. This isn\u2019t what we want to do, as we want to trigger this transition only from a specific element. This is where Event Variables come in, which are special types of Variables not attached to properties (like opacity or fill) but instead to events.\"})]}),Yum_DtsYB:\"\"},{bqvnCTqxL:\"how-to-create-an-effective-design-portfolio\",id:\"JTrptTG3e\",K6FzWgk_w:\"How to Create an Effective Design Portfolio\",MHiniSa09:\"2022-01-12T00:00:00.000Z\",wfb1YXA1z:{src:new URL(\"assets/8yfgC6RHF3rdJakSSJjblRQVM.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href,srcSet:`${new URL(\"assets/512/8yfgC6RHF3rdJakSSJjblRQVM.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 334w, ${new URL(\"assets/1024/8yfgC6RHF3rdJakSSJjblRQVM.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 668w, ${new URL(\"assets/8yfgC6RHF3rdJakSSJjblRQVM.jpg\",\"https://framerusercontent.com/modules/3m2c2JOvIyfU8ybJ15v8/W5h5bmwAm0KXRAZIsfXi/z6bFEn1Xz.js\").href} 914w`},xC7ynY4f_:/*#__PURE__*/ _jsxs(React.Fragment,{children:[/*#__PURE__*/ _jsx(\"h2\",{children:\"What is a portfolio?\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"A portfolio is any method used to showcase your best work. No matter the industry, fashion, architecture, or design, there are tons of ways to display your work in order to get a new job or expand your audience or customers.\"}),/*#__PURE__*/ _jsx(\"h2\",{children:\"Types of design portfolios\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"Depending on the type of design work that you do, there are different portfolio formats that will be best suited for your needs. A design portfolio can be digital in the form of a website, slideshow, or PDF but it can also be analog in the form of a print book or poster.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"Graphic design portfolio\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"When it comes to graphic design, designing a PDF as your portfolio is becoming more and more popular to highlight your work and PDF design skills. Using tools like InDesign and Photoshop you can create multi-page PDFs that can be fine-tuned and formatted any way you like. With new software, like Framer, it's becoming even easier to create a PDF online and share it in no time.\\xa0The result of your PDF portfolio will be a brochure or one-pager piece that shows off examples of your best work along with the descriptions of each project and more related information.\"}),/*#__PURE__*/ _jsx(\"h3\",{children:\"UX design portfolio\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"For UX designers, online portfolios are probably the most popular type today. This can be in the form of a simple one-page website with your contact information or a more thorough online gallery site. If your main discipline is web design, a portfolio website is the choice for you. It serves as an example itself of your web design skills, as well as highlighting your best work where it\u2019s meant to be seen.Portfolio websites come with many benefits, especially as most of our work is done online. First, they can show off design properties like animation and interactivity.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"As an important part of UX design, it\u2019s important to show these aspects so viewers get the full experience of your designs. Next, website portfolios are super easy to share. You can include the link in your social media bios as well as send the link to anyone at any time. Your work will become more readily available this way. Finally, online portfolios are a great way to show off your personality. As the more new-age mention of displaying your work, you are less constrained by the rules of the classic print portfolio.\"}),/*#__PURE__*/ _jsx(\"p\",{children:\"When going the online portfolio route there are some drawbacks. First, website portfolios often require knowledge of code to create. This can be a blocker for many UX designers. However, there are increasingly more tools like Framer that allow you to create a design portfolio without code. Next, you have to keep in mind the constraints of the web. Things like breakpoints, different browsers, and rendering issues that you wouldn\u2019t have to think about in print portfolios. Finally, website portfolios can be more time-consuming to create depending on how many site pages you need.\"})]}),Yum_DtsYB:\"\"}];data.forEach(item=>Object.freeze(item));addPropertyControls(data,{K6FzWgk_w:{defaultValue:\"\",title:\"Title\",type:ControlType.String},bqvnCTqxL:{title:\"Slug\",type:ControlType.String},MHiniSa09:{defaultValue:\"\",title:\"Date\",type:ControlType.Date},wfb1YXA1z:{title:\"Image\",type:ControlType.ResponsiveImage},Yum_DtsYB:{defaultValue:\"\",displayTextArea:true,title:\"Description\",type:ControlType.String},xC7ynY4f_:{defaultValue:\"\",title:\"Content\",type:ControlType.RichText}});data[\"displayName\"]=\"Blog\";export default data;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"data\",\"name\":\"data\",\"annotations\":{\"framerContractVersion\":\"1\",\"framerSlug\":\"bqvnCTqxL\",\"framerRecordIdKey\":\"id\",\"framerData\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "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",
  "names": ["data", "u", "x", "p", "item", "addPropertyControls", "ControlType", "z6bFEn1Xz_default", "__FramerMetadata__"]
}