What is Next.js text field component?

A NextJS text field is an essential input component in React applications, facilitating interaction by capturing text input. These components are pivotal in forms, allowing users to enter information such as email, username, or password. Implementing appropriate input types ensures data is collected in the desired format. Utilizing Tailwind CSS enhances the visual appeal and responsiveness of these fields. Properly structured with HTML elements like and , and managed using React's state management, these components ensure seamless data handling and improved accessibility. Additionally, a text input is often rendered using a semantic HTML tag like or depending on the function. The input component may capture a string, which can be passed securely using the proper input type, improving security and accessibility in React. Moreover, consistent use of text input improves the readability and behavior of the input component throughout the interface. Furthermore, when you design a form in React, it’s essential to handle every string input carefully to ensure seamless audience communication. For better maintainability, many developers define a const to handle logic related to the tag, aligning consistently with HTML structures.</p></div><div class="w-full"><h2 class="pb-2 text-base font-semibold text-black200">How to use Next.js text fields?</h2><p class="text-sm text-black400"><b>Next.js text fields</b> are highly beneficial for capturing structured data, whether for login forms, feedback systems, or search functionality. They enhance site visitor interaction, enabling real-time validation and seamless state handling. <br><br>To utilize Next.js text fields, begin by integrating the <strong>input component</strong> into your React form. Assign relevant props such as value, onChange, and type to manage interaction effectively. It's crucial to validate the input to ensure data integrity, displaying an error message when necessary. Incorporate Tailwind CSS classes to style the text input, ensuring consistency across your project. Managing input value through state hooks like useState allows for dynamic updates and real-time feedback. Remember to handle submitted data appropriately, ensuring it aligns with your backend server requirements. For example, using a text input inside a form enhances structured collection practices while allowing developers to assign each prop based on its intended function. These setups often use query logic for dynamic search behavior, making every text input entry responsive and adaptable. To maintain precise behavior, ensure the form offers strong control over each prop involved. To enhance functionality, always pass the correct prop configuration in your form, especially when building interfaces in React. In practice, defining a const at the top ensures clear flow control and smooth communication with the server, especially when dealing with backend connections.</p></div><div class="w-full"><h2 class="pb-2 text-base font-semibold text-black200">How to style Next.js text fields?</h2><p class="text-sm text-black400">Styling <b>Next.js text fields</b> is essential because it enhances the overall interface experience, ensures the <strong>component</strong> aligns with your design system, and improves the clarity of visitor interactions. A well-styled input improves accessibility, focuses visitor attention, and creates a consistent UI experience across pages. <br><br>Utilize <b>Tailwind CSS</b> to apply utility-first classes, customizing aspects like padding, borders, and colors. Define default styles for the <b>input component</b>, ensuring uniformity across different sections of your page. Incorporate label elements to provide context, and use child components for additional information or icons. Address error states by modifying border colors or displaying helper messages. Ensure that the text input remains visible and accessible, adhering to best practices in UI design. Effective styling of text input fields also requires consistency across devices. With React, developers can dynamically log style states. When an object structure is used for conditional styling, it's easier to apply styles or replace them when needed. You can also import UI presets to ensure all text input fields share uniform presentation. These enhancements not only maintain display clarity but improve the overall function of the interface. Additionally, consistent styling also enables better React interaction when implementing dynamic search functionalities.</p></div><div class="w-full"><h2 class="pb-2 text-base font-semibold text-black200">How to build Next.js text fields using Purecode AI?</h2><p class="text-sm text-black400">Customizing a PureCode-generated text field ensures it aligns perfectly with your brand and specific workflow, offering control over props, styles, and behaviors. It also accelerates development by providing clean, reusable code that integrates seamlessly with your form logic.<br> To build a Next.js text field using PureCode AI:<br><br> <ul><li> • Navigate to the PureCode AI text field component page.</li><li> • Select the desired input component variant suitable for your form requirements.</li><li> • Customize the component by setting props like label, type, default value, and required attributes.</li><li> • Integrate Tailwind CSS classes to style the component, ensuring it aligns with your project's design language.</li><li> • Implement state management using React hooks to handle input value changes and validate form entries.</li><li> • Handle error scenarios by displaying appropriate error messages and adjusting styles accordingly.</li><li> • Export the generated code and import it into your project, ensuring all dependencies and packages are correctly configured.</li></ul><br> By following these steps, you can efficiently build and integrate customized text input components into your Next.js applications, enhancing both functionality and interface quality. Moreover, PureCode AI's editor makes it simple to assign every required prop for a text input, whether you're using it for a search, dropdown, or submission response. It also offers full support for submitting a file as part of your query, where each key is passed as a string. Ensure you pass the correct configuration to maintain consistency when rendering the input component or uploading a file input.</p></div></div><!--$--><div class="flex w-full flex-col"><div data-orientation="horizontal" role="none" class="shrink-0 h-[1px] w-full my-[50px] bg-[#605F5F]"></div><a href="/components/nextjs"><h2 class="mb-6 pb-2 text-base font-semibold text-black200">Explore Our <!-- -->Nextjs<!-- --> Components</h2></a><div class="flex flex-wrap gap-[10px]"><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/accordion-action">Nextjs Accordion Action</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/accordion-detail">Nextjs Accordion Detail</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/accordion-group">Nextjs Accordion Group</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/accordion-summary">Nextjs Accordion Summary</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/accordion">Nextjs Accordion</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/account-overview">Nextjs Account Overview</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/account-setting">Nextjs Account Setting</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/action-panel">Nextjs Action Panel</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/adapters-locale">Nextjs Adapters Locale</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/alert-title">Nextjs Alert Title</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/alert">Nextjs Alert</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/animated-area-chart">Nextjs Animated Area Chart</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/animated-line-chart">Nextjs Animated Line Chart</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/app-bar">Nextjs App Bar</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/application-ui">Nextjs Application Ui</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/area-plot">Nextjs Area Plot</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/autocomplete-listbox">Nextjs Autocomplete Listbox</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/autocomplete-loading">Nextjs Autocomplete Loading</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/autocomplete-option">Nextjs Autocomplete Option</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/autocomplete">Nextjs Autocomplete</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/avatar-group">Nextjs Avatar Group</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/avatar">Nextjs Avatar</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/backdrop-unstyled">Nextjs Backdrop Unstyled</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/backdrop">Nextjs Backdrop</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/badge-unstyled">Nextjs Badge Unstyled</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/badge">Nextjs Badge</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/bar-chart">Nextjs Bar Chart</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/bar-plot">Nextjs Bar Plot</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/baseline">Nextjs Baseline</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/blog-list">Nextjs Blog List</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/bottom-navigation-action">Nextjs Bottom Navigation Action</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/bottom-navigation">Nextjs Bottom Navigation</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/bottom-status-bar">Nextjs Bottom Status Bar</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/box">Nextjs Box</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/breadcrumbs">Nextjs Breadcrumbs</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/breakpoint">Nextjs Breakpoint</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/button-group">Nextjs Button Group</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/button-onclick">Nextjs Button Onclick</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/button-unstyled">Nextjs Button Unstyled</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/button">Nextjs Button</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/calendar-picker">Nextjs Calendar Picker</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-action-area">Nextjs Card Action Area</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-actions">Nextjs Card Actions</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-cover">Nextjs Card Cover</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-header">Nextjs Card Header</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-heading">Nextjs Card Heading</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-list">Nextjs Card List</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-media">Nextjs Card Media</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-overflow">Nextjs Card Overflow</a></div><div class="rounded-sm bg-[#333] px-2 py-1 text-sm text-black400 shadow-sm"><a target="_blank" rel="noopener noreferrer" href="https://purecode.ai/components/nextjs/card-with-dropdown">Nextjs Card With Dropdown</a></div></div><div class="mt-[50px] flex justify-between gap-2 text-sm"><button class="pointer justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow hover:opacity-90 h-9 flex items-center gap-1 bg-[#333] px-3 py-2 align-middle text-black300 hover:bg-[#333333d6]" disabled="">Previous</button><button class="pointer justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow hover:opacity-90 h-9 flex items-center gap-1 bg-[#333] px-3 py-2 align-middle text-black300 hover:bg-[#333333d6]">Next</button></div></div><!--/$--></div></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:2","P:2")</script><script>self.__next_f.push([1,"30:I[10912,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"BailoutToCSR\"]\n31:I[54124,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c14"])</script><script>self.__next_f.push([1,"78e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"default\"]\n32:I[313,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1"])</script><script>self.__next_f.push([1,".js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"default\",1]\n33:I[391,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\""])</script><script>self.__next_f.push([1,"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"default\"]\n34:I[29072,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/ch"])</script><script>self.__next_f.push([1,"unks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"default\"]\n35:I[87522,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622"])</script><script>self.__next_f.push([1,"-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"default\"]\n36:I[21280,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2"])</script><script>self.__next_f.push([1,"a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"FeatureGenSkeleton\"]\n37:I[21280,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011"])</script><script>self.__next_f.push([1,"c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"FeatureGeneration\",1]\n38:I[17933,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db7"])</script><script>self.__next_f.push([1,"5d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"default\"]\n39:I[6512,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b81"])</script><script>self.__next_f.push([1,"3.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"default\"]\n3a:I[14758,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"89"])</script><script>self.__next_f.push([1,"64\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"default\"]\n3b:I[2436,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static"])</script><script>self.__next_f.push([1,"/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"f:[[\"$\",\"$21\",null,{\"fallback\":null,\"children\":[\"$\",\"$L30\",null,{\"reason\":\"next/dynamic\",\"children\":[\"$\",\"$L31\",null,{}]}]}],[\"$\",\"section\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"z-10 mx-0\",\"children\":[\"$\",\"$21\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L22\",null,{\"moduleIds\":[\"components/organicpages/components/AdsPage.tsx -\u003e @/components/pages/uiElementsPage/HeroSection\"]}],[\"$\",\"$L32\",null,{\"data\":{\"header\":\"Specify your Nextjs Text Field component requirements below\",\"paragraph\":\"Describe the features, layout, and functionality you envision for your Nextjs Text Field component\"}}]]}]}],[\"$\",\"div\",null,{\"className\":\" mb-0 flex flex-col items-center justify-center gap-5 max-md:mt-5\",\"children\":[\"$\",\"$L33\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"mb-0 mt-14\",\"children\":[\"$\",\"$21\",null,{\"fallback\":null,\"children\":[\"$\",\"$L30\",null,{\"reason\":\"next/dynamic\",\"children\":[\"$\",\"$L34\",null,{}]}]}]}],[\"$\",\"$L35\",null,{}]]}],[[\"$\",\"section\",null,{\"className\":\"bg-darkBackground py-12\",\"children\":[\"$\",\"$21\",null,{\"fallback\":[\"$\",\"$L36\",null,{}],\"children\":[\"$\",\"$L30\",null,{\"reason\":\"next/dynamic\",\"children\":[\"$\",\"$L37\",null,{\"heading\":\"User Generated Nextjs Text Field Components\"}]}]}]}],[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-md:px-14 max-sm:max-w-[648px] max-xsm:px-6 md:max-w-[635px] lg:max-w-[918px] xl:max-w-[1020px] 2xl:max-w-[1120px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"p-[2px] text-center text-3xl text-white max-sm:text-start sm:mt-24 md:mt-32 lg:mb-12 lg:mt-36 lg:text-4xl __className_3f9e24\",\"children\":\"Craft Your Nextjs Text Field UI in Minutes\"}],[\"$\",\"section\",null,{\"children\":[\"$\",\"$L38\",null,{\"title\":\"Plan Nextjs Text Field Features \u0026 Targets\",\"description\":\"Establish the features and objectives of your Nextjs Text Field UI in prompt area\"}]}],[\"$\",\"section\",null,{\"children\":[\"$\",\"$L39\",null,{\"title\":\"Configure your Nextjs component with your preferred features and design\",\"description\":\"From basic styling to advanced functionality, tailor every aspect of your Text Field component to match your exact requirements.\"}]}],[\"$\",\"section\",null,{\"children\":[\"$\",\"$L3a\",null,{\"title\":\"One-click export to your VS Code project\",\"description\":\"Get your component into VS Code quickly with our one-click export feature.\"}]}],[\"$\",\"section\",null,{\"children\":[\"$\",\"$L3b\",null,{\"title\":\"Review your Nextjs component before deployment\",\"description\":\"Verify your component before adding it to your project. Iterate further using our VS Code plugin.\"}]}]]}],[\"$\",\"section\",null,{\"children\":[\"$\",\"$21\",null,{\"fallback\":null,\"children\":[\"$\",\"$L30\",null,{\"reason\":\"next/dynamic\",\"children\":\"$L3c\"}]}]}]]]\n"])</script><div hidden id="S:1"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><section><div class="z-10 mx-0"><!--$--><div class="flex flex-col"><div class="mx-1 mt-6 flex flex-col items-center justify-center overflow-hidden align-middle font-bold md:mt-10 lg:mt-16 "><div><div class="mb-11 flex flex-col items-center gap-4 text-white"><h1 class="mt-10 w-full max-w-[1200px] text-center text-[2.5rem] font-bold leading-[3.5rem] max-lg:text-[2rem] max-lg:leading-[3rem] max-md:text-[1.8rem] min-h-[56px] __className_3f9e24">Specify your Nextjs Text Field component requirements below</h1><h2 class="w-full max-w-[1200px] text-center text-[1.25rem] font-normal leading-[2.125rem] max-lg:text-[1.1rem] max-lg:leading-[1.125rem] max-md:text-[1rem] max-md:leading-[1rem] __className_fa1bf2">Describe the features, layout, and functionality you envision for your Nextjs Text Field component</h2></div></div></div><div class="h-fit"><div class="flex items-end justify-center gap-2 px-5 max-lg:flex-col max-lg:items-center md:mb-14 md:px-10 lg:px-10 xl:px-44"><div class="w-full max-w-[1024px]"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class="mx-auto w-full rounded-lg border border-black700 max-custom:ml-0 max-custom:px-0"><div class="relative flex h-[10.375rem] max-w-full animate-pulse flex-col items-center justify-center rounded-lg border border-white/10 p-[1px] shadow-[0px_2px_16px_rgba(25,_25,_25,_0.24)] backdrop-blur-[25px] max-md:h-64"><div class="flex size-full flex-col items-start justify-between rounded-lg p-2 align-middle"><div class="size-full p-1"></div><div class="bottom-0 flex h-20 w-full items-center justify-between max-sm:flex-col max-sm:items-start"><div class="flex animate-pulse items-center justify-center gap-3 max-sm:mb-2"><div class=" h-8 w-16 rounded-lg bg-slate-300 max-md:rounded-md lg:w-44"></div></div><div class="flex w-full items-end justify-end"><div class="h-10 w-full animate-pulse justify-center rounded-lg bg-slate-300 sm:w-[118px]"></div></div></div></div></div></div><!--/$--></div></div></div></div><!--/$--></div><div class=" mb-0 flex flex-col items-center justify-center gap-5 max-md:mt-5"><div class="inline-flex animate-pulse items-center space-x-2 p-4 text-sm text-white"><div class="flex items-center space-x-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download size-4 text-gray-300 dark:text-gray-500"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg><div class="h-4 w-12 rounded bg-gray-600 dark:bg-gray-700"></div><div class="h-4 w-14 rounded bg-gray-600 dark:bg-gray-700"></div></div><div class="text-gray-400 dark:text-gray-500">|</div><div class="flex items-center space-x-1"><div class="size-4 rounded bg-gray-600 dark:bg-gray-700" aria-label="Star 1 loading"></div><div class="size-4 rounded bg-gray-600 dark:bg-gray-700" aria-label="Star 2 loading"></div><div class="size-4 rounded bg-gray-600 dark:bg-gray-700" aria-label="Star 3 loading"></div><div class="size-4 rounded bg-gray-600 dark:bg-gray-700" aria-label="Star 4 loading"></div><div class="size-4 rounded bg-gray-600 dark:bg-gray-700" aria-label="Star 5 loading"></div><div class="ml-1 h-4 w-8 rounded bg-gray-600 dark:bg-gray-700"></div></div><div class="text-gray-400 dark:text-gray-500">|</div><div class="h-4 w-8 rounded bg-gray-600 dark:bg-gray-700"></div></div></div><div class="mb-0 mt-14"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div><div class="mt-8 md:mt-8 lg:mt-0"><div class="mt-0 w-full "><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class="mt-8 flex justify-center"><div class="grid grid-cols-2 gap-4 px-4 sm:grid-cols-2 md:grid-cols-4 md:px-0 lg:grid-cols-4"><div class="flex flex-col items-center justify-center rounded-lg border border-gray-100 bg-white p-4 transition-all duration-300 hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-900 dark:hover:bg-gray-800"><div class="mb-3 flex h-12 w-full items-center justify-center"><div class="animate-pulse rounded-md bg-primary/10 h-8 w-[200px] rounded"></div></div><div class="animate-pulse rounded-md bg-primary/10 h-3.5 w-[200px] rounded-sm"></div></div><div class="flex flex-col items-center justify-center rounded-lg border border-gray-100 bg-white p-4 transition-all duration-300 hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-900 dark:hover:bg-gray-800"><div class="mb-3 flex h-12 w-full items-center justify-center"><div class="animate-pulse rounded-md bg-primary/10 h-8 w-[200px] rounded"></div></div><div class="animate-pulse rounded-md bg-primary/10 h-3.5 w-[200px] rounded-sm"></div></div><div class="flex flex-col items-center justify-center rounded-lg border border-gray-100 bg-white p-4 transition-all duration-300 hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-900 dark:hover:bg-gray-800"><div class="mb-3 flex h-12 w-full items-center justify-center"><div class="animate-pulse rounded-md bg-primary/10 h-8 w-[200px] rounded"></div></div><div class="animate-pulse rounded-md bg-primary/10 h-3.5 w-[200px] rounded-sm"></div></div><div class="flex flex-col items-center justify-center rounded-lg border border-gray-100 bg-white p-4 transition-all duration-300 hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-900 dark:hover:bg-gray-800"><div class="mb-3 flex h-12 w-full items-center justify-center"><div class="animate-pulse rounded-md bg-primary/10 h-8 w-[200px] rounded"></div></div><div class="animate-pulse rounded-md bg-primary/10 h-3.5 w-[200px] rounded-sm"></div></div><div class="flex flex-col items-center justify-center rounded-lg border border-gray-100 bg-white p-4 transition-all duration-300 hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-900 dark:hover:bg-gray-800"><div class="mb-3 flex h-12 w-full items-center justify-center"><div class="animate-pulse rounded-md bg-primary/10 h-8 w-[200px] rounded"></div></div><div class="animate-pulse rounded-md bg-primary/10 h-3.5 w-[200px] rounded-sm"></div></div><div class="flex flex-col items-center justify-center rounded-lg border border-gray-100 bg-white p-4 transition-all duration-300 hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-900 dark:hover:bg-gray-800"><div class="mb-3 flex h-12 w-full items-center justify-center"><div class="animate-pulse rounded-md bg-primary/10 h-8 w-[200px] rounded"></div></div><div class="animate-pulse rounded-md bg-primary/10 h-3.5 w-[200px] rounded-sm"></div></div><div class="flex flex-col items-center justify-center rounded-lg border border-gray-100 bg-white p-4 transition-all duration-300 hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-900 dark:hover:bg-gray-800"><div class="mb-3 flex h-12 w-full items-center justify-center"><div class="animate-pulse rounded-md bg-primary/10 h-8 w-[200px] rounded"></div></div><div class="animate-pulse rounded-md bg-primary/10 h-3.5 w-[200px] rounded-sm"></div></div><div class="flex flex-col items-center justify-center rounded-lg border border-gray-100 bg-white p-4 transition-all duration-300 hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-900 dark:hover:bg-gray-800"><div class="mb-3 flex h-12 w-full items-center justify-center"><div class="animate-pulse rounded-md bg-primary/10 h-8 w-[200px] rounded"></div></div><div class="animate-pulse rounded-md bg-primary/10 h-3.5 w-[200px] rounded-sm"></div></div></div></div><!--/$--></div></div></section><section class="bg-darkBackground py-12"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class="mx-auto flex w-full flex-col max-md:px-14 max-xsm:px-6 md:max-w-[648px] lg:max-w-[918px] xl:max-w-[1020px] 2xl:max-w-[1120px]"><div class="mb-6 flex flex-wrap items-center justify-between gap-2"><h2 class="text-start text-xl capitalize text-black200 __className_8ba844">Featured Generations</h2><a class="group flex items-center gap-1 align-middle text-sm text-black400" href="/discover">Discover all<span class="transition duration-300 group-hover:translate-x-0.5 "><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></span></a></div><div class="flex flex-wrap items-center justify-center gap-5"><div class="h-40 w-full animate-pulse rounded-lg border border-black700 md:h-64 md:w-80 lg:h-60 lg:w-72 xl:h-64 xl:w-80"></div><div class="h-40 w-full animate-pulse rounded-lg border border-black700 md:h-64 md:w-80 lg:h-60 lg:w-72 xl:h-64 xl:w-80"></div><div class="h-40 w-full animate-pulse rounded-lg border border-black700 md:h-64 md:w-80 lg:h-60 lg:w-72 xl:h-64 xl:w-80"></div><div class="h-40 w-full animate-pulse rounded-lg border border-black700 md:h-64 md:w-80 lg:h-60 lg:w-72 xl:h-64 xl:w-80 max-md:hidden"></div><div class="h-40 w-full animate-pulse rounded-lg border border-black700 md:h-64 md:w-80 lg:h-60 lg:w-72 xl:h-64 xl:w-80 max-md:hidden"></div><div class="h-40 w-full animate-pulse rounded-lg border border-black700 md:h-64 md:w-80 lg:h-60 lg:w-72 xl:h-64 xl:w-80 max-md:hidden"></div><div class="h-40 w-full animate-pulse rounded-lg border border-black700 md:h-64 md:w-80 lg:h-60 lg:w-72 xl:h-64 xl:w-80 max-md:hidden"></div><div class="h-40 w-full animate-pulse rounded-lg border border-black700 md:h-64 md:w-80 lg:h-60 lg:w-72 xl:h-64 xl:w-80 max-md:hidden"></div><div class="h-40 w-full animate-pulse rounded-lg border border-black700 md:h-64 md:w-80 lg:h-60 lg:w-72 xl:h-64 xl:w-80 max-md:hidden"></div></div></div><!--/$--></section><div class="mx-auto w-full max-md:px-14 max-sm:max-w-[648px] max-xsm:px-6 md:max-w-[635px] lg:max-w-[918px] xl:max-w-[1020px] 2xl:max-w-[1120px]"><h2 class="p-[2px] text-center text-3xl text-white max-sm:text-start sm:mt-24 md:mt-32 lg:mb-12 lg:mt-36 lg:text-4xl __className_3f9e24">Craft Your Nextjs Text Field UI in Minutes</h2><section><div class="flex flex-wrap justify-center pb-8"><div class="mb-8 flex w-full items-center justify-between max-lg:flex-col max-lg:gap-8"><div class="flex items-center justify-center max-lg:flex-col max-lg:text-center"><div class="max-lg:mt-20 max-lg:flex max-lg:flex-col max-lg:items-start max-lg:justify-start max-lg:text-start max-sm:mt-8 lg:w-[420px]"><p class="inline w-fit rounded-full bg-zinc-800 px-3 py-1 font-inter text-[12px] tracking-wide text-white shadow-sm">Step 1</p><h3 class="mt-5 text-2xl text-white sm:text-3xl lg:text-[33px] lg:leading-[40px] __className_8ba844">Plan Nextjs Text Field Features & Targets</h3><p class="mt-8 p-1 text-sm font-normal text-stone-300 md:p-0">Establish the features and objectives of your Nextjs Text Field UI in prompt area</p></div></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class=" ml-4 flex h-3/4 w-full flex-col rounded-lg bg-neutral-800 p-8 lg:w-[55%]"></div><!--/$--></div></div></section><section><div class="max-sm:max-w-screen flex justify-center"><div class="mb-8 flex w-full justify-between max-lg:flex-col-reverse max-lg:gap-8"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class=" relative ml-4 flex min-h-[340px] w-full flex-col rounded-lg bg-neutral-800 p-8 lg:w-[40%]"></div><!--/$--><div class="max-lg:text-center lg:flex lg:w-[40%] lg:items-center lg:justify-center"><div class="max-lg:mt-20 max-lg:flex max-lg:flex-col max-lg:items-start max-lg:justify-start max-lg:text-start max-sm:mt-8 lg:w-[420px]"><p class="inline w-fit rounded-full bg-zinc-800 px-3 py-1 font-inter text-[12px] tracking-wide text-white shadow-sm">Step 2</p><h3 class="mt-5 text-2xl text-white sm:text-3xl lg:text-[33px] lg:leading-[40px] __className_8ba844">Configure your Nextjs component with your preferred features and design</h3><p class="mt-8 p-1 text-sm font-normal text-stone-300 md:p-0">From basic styling to advanced functionality, tailor every aspect of your Text Field component to match your exact requirements.</p></div></div></div></div></section><section><div class="flex flex-wrap justify-center py-3"><div class="mb-8 flex w-full justify-between max-lg:flex-col max-lg:gap-8 "><div class="max-lg:text-center lg:flex lg:items-center lg:justify-center"><div class="max-lg:mt-20 max-lg:flex max-lg:flex-col max-lg:items-start max-lg:justify-start max-lg:text-start max-sm:mt-8 lg:w-[420px]"><p class="inline w-fit rounded-full bg-zinc-800 px-3 py-1 font-inter text-[12px] tracking-wide text-white shadow-sm">Step 3</p><h3 class="mt-5 w-full text-2xl text-white sm:text-3xl lg:text-[33px] lg:leading-[40px] __className_8ba844">One-click export to your VS Code project</h3><p class="mt-8 p-1 text-sm font-normal text-stone-300 md:p-0">Get your component into VS Code quickly with our one-click export feature.</p></div></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class="size-full content-center lg:w-[60%] "><div class=" ml-4 flex min-h-[340px] w-full flex-col rounded-lg bg-neutral-800 p-8 "></div></div><!--/$--></div></div></section><section><div class="relative flex flex-wrap justify-center py-8"><div class="mb-8 flex w-full items-center justify-between max-lg:flex-col-reverse max-lg:gap-8 xsm:gap-8"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class=" ml-4 min-h-[390px] w-full rounded-lg bg-neutral-800 p-8 lg:w-[60%]"></div><!--/$--><div class="max-lg:mb-5 max-lg:text-center lg:flex lg:w-[40%] lg:items-center lg:justify-end lg:pl-8"><div class="max-lg:mt-20 max-lg:flex max-lg:flex-col max-lg:items-start max-lg:justify-start max-lg:text-start max-sm:mt-8 lg:w-[420px]"><p class="inline w-fit rounded-full bg-zinc-800 px-3 py-1 font-inter text-[12px] tracking-wide text-white shadow-sm">Step 4</p><h3 class="mt-5 text-2xl text-white sm:text-3xl lg:text-[33px] lg:leading-[40px] __className_8ba844">Review your Nextjs component before deployment</h3><p class="mt-8 p-1 text-sm font-normal text-stone-300 md:p-0">Verify your component before adding it to your project. Iterate further using our VS Code plugin.</p><div class="mt-[22px] flex w-full flex-row max-lg:justify-center max-sm:gap-3"><div class="inline-block cursor-pointer "><button class="inline-flex items-center pointer justify-center whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 shadow h-10 bg-white p-3 text-sm font-semibold text-neutral-800 hover:bg-white hover:opacity-100 hover:shadow-none"><svg width="14" height="14" class="mr-1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M29.01,5.03,23.244,2.254a1.742,1.742,0,0,0-1.989.338L2.38,19.8A1.166,1.166,0,0,0,2.3,21.447c.025.027.05.053.077.077l1.541,1.4a1.165,1.165,0,0,0,1.489.066L28.142,5.75A1.158,1.158,0,0,1,30,6.672V6.605A1.748,1.748,0,0,0,29.01,5.03Z" fill="#0065a9"></path><path d="M29.01,26.97l-5.766,2.777a1.745,1.745,0,0,1-1.989-.338L2.38,12.2A1.166,1.166,0,0,1,2.3,10.553c.025-.027.05-.053.077-.077l1.541-1.4A1.165,1.165,0,0,1,5.41,9.01L28.142,26.25A1.158,1.158,0,0,0,30,25.328V25.4A1.749,1.749,0,0,1,29.01,26.97Z" fill="#007acc"></path><path d="M23.244,29.747a1.745,1.745,0,0,1-1.989-.338A1.025,1.025,0,0,0,23,28.684V3.316a1.024,1.024,0,0,0-1.749-.724,1.744,1.744,0,0,1,1.989-.339l5.765,2.772A1.748,1.748,0,0,1,30,6.6V25.4a1.748,1.748,0,0,1-.991,1.576Z" fill="#1f9cf0"></path></svg>Install the Extension - It's Free</button></div></div></div></div></div></div></section></div><section><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></section></div><script>$RS("S:1","P:1")</script><script>$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:0","S:0")</script><script>self.__next_f.push([1,"3d:I[35265,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"Accordion\"]\n3e:I[35265,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e"])</script><script>self.__next_f.push([1,"08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"AccordionItem\"]\n3f:I[35265,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f9179"])</script><script>self.__next_f.push([1,"10fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"AccordionTrigger\"]\n40:I[35265,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f"])</script><script>self.__next_f.push([1,"0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b.js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"AccordionContent\"]\n41:I[231,[\"8310\",\"static/chunks/0e5ce63c-908494b54900cb83.js\",\"2142\",\"static/chunks/c857e369-7997f17b1cd63a3e.js\",\"6164\",\"static/chunks/6164-50c1478e08d449fd.js\",\"4095\",\"static/chunks/4095-e75ce1bdadb295b0.js\",\"8503\",\"static/chunks/8503-1e37377a29a5e216.js\",\"6351\",\"static/chunks/6351-518b89f917910fe1.js\",\"4326\",\"static/chunks/4326-1b27d8de6208b6b8.js\",\"254\",\"static/chunks/254-937e81479e54727c.js\",\"231\",\"static/chunks/231-82965f84a2b359f0.js\",\"8553\",\"static/chunks/8553-143b49f2841f7cdc.js\",\"9553\",\"static/chunks/9553-4566e7407327d84d.js\",\"6157\",\"static/chunks/6157-48ce24dab7295f5b."])</script><script>self.__next_f.push([1,"js\",\"8137\",\"static/chunks/8137-1cf24c61d02684ad.js\",\"4756\",\"static/chunks/4756-8b1c8628ccb7aa8c.js\",\"3721\",\"static/chunks/3721-3de93c72e8e89524.js\",\"1622\",\"static/chunks/1622-7f572f48365a68a5.js\",\"7071\",\"static/chunks/7071-79e9814f9666abc4.js\",\"8173\",\"static/chunks/8173-6468cd62d31a5e96.js\",\"1787\",\"static/chunks/1787-3c4ec1d2a8f296be.js\",\"1505\",\"static/chunks/1505-eac41dfbf61cca77.js\",\"7549\",\"static/chunks/7549-471084fcff91cec0.js\",\"4655\",\"static/chunks/4655-f56011c69986df25.js\",\"101\",\"static/chunks/101-8fed6f86dda6ee7a.js\",\"7213\",\"static/chunks/7213-ad742da685f8a0d7.js\",\"9308\",\"static/chunks/9308-33db75d0d698d5f2.js\",\"3700\",\"static/chunks/3700-c3db3e48ec4e7512.js\",\"3301\",\"static/chunks/3301-1ea8a6a7ab44be86.js\",\"4309\",\"static/chunks/4309-780110c87b28b813.js\",\"8601\",\"static/chunks/8601-f99994be4c5320a8.js\",\"9215\",\"static/chunks/9215-b4decbde93aabd3b.js\",\"7824\",\"static/chunks/7824-4003956ca80a80c3.js\",\"8964\",\"static/chunks/8964-f118c9cc9c81b692.js\",\"3050\",\"static/chunks/3050-18e24e265368c1cc.js\",\"2182\",\"static/chunks/2182-4695e41107177eb5.js\",\"515\",\"static/chunks/515-d9802fe5f6c8af2c.js\",\"7834\",\"static/chunks/7834-7dfc8167f264ffa0.js\",\"6095\",\"static/chunks/6095-ed4336a05e63ffea.js\",\"9721\",\"static/chunks/app/components/%5Bframework%5D/%5Buielement%5D/page-dbeec2e4640a5c2d.js\"],\"\"]\n"])</script><script>self.__next_f.push([1,"3c:[\"$\",\"div\",null,{\"className\":\"mx-auto w-full py-12 text-black200 max-md:px-14 max-sm:max-w-[648px] max-xsm:px-6 md:max-w-[635px] lg:max-w-[918px] xl:max-w-[1020px] 2xl:max-w-[874px]\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-center text-4xl font-semibold __className_3f9e24\",\"children\":\"FAQ\"}],[\"$\",\"$L3d\",null,{\"collapsible\":true,\"type\":\"single\",\"children\":[[\"$\",\"$L3e\",\"0\",{\"value\":\"item-0\",\"className\":\" my-5 rounded-lg border-none bg-surfaceBackground px-5 py-2 shadow-darkThemeInset backdrop-blur-[100px] transition duration-300 md:px-7 md:py-3\",\"children\":[[\"$\",\"$L3f\",null,{\"className\":\"text-start font-semibold\",\"arrowClass\":\"text-black400\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-base\",\"children\":\"What kind of tasks can PureCode AI help with?\"}]}],[\"$\",\"$L40\",null,{\"className\":\"text-start font-normal text-black400\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-base\",\"children\":[[\"$\",\"p\",\"0\",{\"style\":{\"textAlign\":\"justify\",\"paddingLeft\":\"5px\",\"paddingRight\":\"5px\",\"lineHeight\":\"1.6\"},\"children\":\"PureCode AI can handle everything from debugging code, creating APIs, and writing scripts, to refactoring your codebase. It can even help build full-stack projects, either from scratch or within an existing codebase—making development smooth and efficient across frontend, backend, and infrastructure.\"}]]}]}]]}],[\"$\",\"$L3e\",\"1\",{\"value\":\"item-1\",\"className\":\" my-5 rounded-lg border-none bg-surfaceBackground px-5 py-2 shadow-darkThemeInset backdrop-blur-[100px] transition duration-300 md:px-7 md:py-3\",\"children\":[[\"$\",\"$L3f\",null,{\"className\":\"text-start font-semibold\",\"arrowClass\":\"text-black400\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-base\",\"children\":\"What kind of programming languages does PureCode AI support?\"}]}],[\"$\",\"$L40\",null,{\"className\":\"text-start font-normal text-black400\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-base\",\"children\":[[\"$\",\"p\",\"0\",{\"style\":{\"textAlign\":\"justify\",\"paddingLeft\":\"5px\",\"paddingRight\":\"5px\",\"lineHeight\":\"1.6\"},\"children\":\"PureCode AI supports all major programming languages and frameworks, including JavaScript, TypeScript, Python, Java, Go, C#, PHP, and popular frameworks like React Native, Vue, Next.js, and Ant Design. Whether you're building new features, modifying existing code, or working across different layers of a full-stack application, PureCode AI can assist with any language or framework in your project.\"}]]}]}]]}],[\"$\",\"$L3e\",\"2\",{\"value\":\"item-2\",\"className\":\" my-5 rounded-lg border-none bg-surfaceBackground px-5 py-2 shadow-darkThemeInset backdrop-blur-[100px] transition duration-300 md:px-7 md:py-3\",\"children\":[[\"$\",\"$L3f\",null,{\"className\":\"text-start font-semibold\",\"arrowClass\":\"text-black400\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-base\",\"children\":\"How does PureCode AI understand my codebase?\"}]}],[\"$\",\"$L40\",null,{\"className\":\"text-start font-normal text-black400\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-base\",\"children\":[[\"$\",\"p\",\"0\",{\"style\":{\"textAlign\":\"justify\",\"paddingLeft\":\"5px\",\"paddingRight\":\"5px\",\"lineHeight\":\"1.6\"},\"children\":\"With Advanced Indexing enabled by default, PureCode AI automatically indexes your entire codebase, analyzing its structure. Whenever you make changes, it re-indexes the code to ensure that suggestions, queries, and responses are always accurate, relevant, and based on the most up-to-date version of your project.\"}]]}]}]]}],[\"$\",\"$L3e\",\"3\",{\"value\":\"item-3\",\"className\":\" my-5 rounded-lg border-none bg-surfaceBackground px-5 py-2 shadow-darkThemeInset backdrop-blur-[100px] transition duration-300 md:px-7 md:py-3\",\"children\":[[\"$\",\"$L3f\",null,{\"className\":\"text-start font-semibold\",\"arrowClass\":\"text-black400\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-base\",\"children\":\"How does PureCode AI keep my code secure?\"}]}],[\"$\",\"$L40\",null,{\"className\":\"text-start font-normal text-black400\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-base\",\"children\":[[\"$\",\"p\",\"0\",{\"style\":{\"textAlign\":\"justify\",\"paddingLeft\":\"5px\",\"paddingRight\":\"5px\",\"lineHeight\":\"1.6\"},\"children\":\"PureCode AI keeps your code local, never storing or processing it in the cloud, unlike other competitors. You retain full control over your intellectual property and data ownership. Plus, the platform automatically meets enterprise compliance standards, ensuring robust security throughout your development process.\"}]]}]}]]}],[\"$\",\"$L3e\",\"4\",{\"value\":\"item-4\",\"className\":\" my-5 rounded-lg border-none bg-surfaceBackground px-5 py-2 shadow-darkThemeInset backdrop-blur-[100px] transition duration-300 md:px-7 md:py-3\",\"children\":[[\"$\",\"$L3f\",null,{\"className\":\"text-start font-semibold\",\"arrowClass\":\"text-black400\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-base\",\"children\":\"Can I add custom documentation to PureCode AI?\"}]}],[\"$\",\"$L40\",null,{\"className\":\"text-start font-normal text-black400\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-base\",\"children\":[[\"$\",\"p\",\"0\",{\"style\":{\"textAlign\":\"justify\",\"paddingLeft\":\"5px\",\"paddingRight\":\"5px\",\"lineHeight\":\"1.6\"},\"children\":\"To add custom documentation, go to Settings below the chat area and upload the public URL of your documentation. Once saved, you can reference it in chat by typing @Docs, then select your saved document. Similarly, you can use @UI to reference saved UI components in your project.\"}]]}]}]]}],[\"$\",\"$L3e\",\"5\",{\"value\":\"item-5\",\"className\":\" my-5 rounded-lg border-none bg-surfaceBackground px-5 py-2 shadow-darkThemeInset backdrop-blur-[100px] transition duration-300 md:px-7 md:py-3\",\"children\":[[\"$\",\"$L3f\",null,{\"className\":\"text-start font-semibold\",\"arrowClass\":\"text-black400\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-base\",\"children\":\"How can I solve errors using PureCode AI?\"}]}],[\"$\",\"$L40\",null,{\"className\":\"text-start font-normal text-black400\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-base\",\"children\":[[\"$\",\"p\",\"0\",{\"style\":{\"textAlign\":\"justify\",\"paddingLeft\":\"5px\",\"paddingRight\":\"5px\",\"lineHeight\":\"1.6\"},\"children\":\"To solve errors using PureCode AI, type @terminal and simply say 'solve all errors' to fix issues in your terminal commands. If you're dealing with errors in a visible file, open the active file and use the 'Fix all errors' or 'Fix all errors with context' option. For better results, you can also add @codebase along with @terminal to resolve errors across the entire codebase more effectively. This ensures efficient error resolution in both your terminal and active files.\"}]]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Don’t see what you need? Check all the questions in our \"}],[\"$\",\"$L41\",null,{\"href\":\"/faq\",\"className\":\"text-primary\",\"children\":[\" \",\"FAQ page.\"]}]]}]]}]\n"])</script></body></html>