A conditional chaining operator has been added while mapping over post data tags to handle cases where the 'tags' field might not be present. This prevents the application from crashing in case 'tags' is undefined for a particular blog post.
This code introduces new Astro components for the blog pages and avatar elements, along with their corresponding layout and display factors. It also includes relevant asset imports, formatting utility functions, and mapping of blog content collection for dynamic content presentation.
Introduced four new Astro components: CardBlog, CardBlogRecent, CardSmall and CardWide, designed for displaying blog entries and products. These components have been equipped with asset imports, content collection types, and interactive prefetch links for better user experience and performance.
A minified version of the GSAP (GreenSock Animation Platform) library has been added to the scripts/vendor directory. This library will be used to provide rich, high-performance animations for various components within the project.
Added inline scripts for tabs and accordion features in the FeaturesNavs and FAQ components respectively. Also, adjusted the comment in FAQ component and made changes in the FooterSection component for improved content display. Adjusted the margin and added anchor tag in the copyright section.
Replaced the image components with card components in the product section to enhance product display. Modified the grid layout for enhanced product representation. Also, implemented the complete functionality of the blog section by defining the blog collection, adding blog cards and content, and refining meta data in MainLayout for SEO optimization. Adjusted animation timeline and script paths for better load performance.
New scripts added to 'Navbar' component improve design functionality. 'NavLink' handling of current page has been refined to accurately reflect the current user's location with the addition of splitting the URL pattern. Changes in 'MainLayout' reflect updated script paths to match recent directory changes. These refinements improve usability and streamline codebase.
The GSAP (GreenSock Animation Platform) JavaScript library was not in use, thus the gsap.min.js file has been deleted from the public/assets/vendor directory. This removal is part of codebase cleanup to improve application performance and efficiency.
Updated 'src/pages/products/[...slug].astro' to conditionally render product images only when they exist. Prevents potential errors or breaks in layout when there is an absence of either 'first' or 'second' blueprint images for a particular product.
Introduced a new astro file 'src/pages/products/[...slug].astro' to handle individual product pages. This file imports necessary components and templates the main layout of a product page. The layout includes methods for fetching products, providing static paths, and scripts for page interactivity.
Changed the paths of main product images for each product for clarity and better organization. Also rearranged the order of scripts in 'MainLayout.astro' to improve efficiency and made image properties in 'config.ts' optional for better flexibility in handling blueprint images.
The 'prod.astro' page is deleted as a part of refactoring process. Also, title, src, alt, and url properties of ImgSmall and ImgWide components are now optional, which provides greater flexibility and reduces risk of errors when these components are used in various parts of application.
Product information previously stored in JSON files has been migrated to Markdown format for efficient content management. Additionally, added a new button component for 404 pages to improve navigation and user experience. Defined a new schema for product collections and included GSAP JavaScript library for future animations.
The paths referencing images in the product page were corrected. Initial paths were relative to the current file but they should be relative to the root directory, thus an additional navigation step with "../" was added for each import statement.
Removed blog and product pages and moved their contents to new blog and product directories, respectively. Added a new 404 error page for invalid routes. Updated server configurations in 'vercel.json' to leverage additional security by adding 'cdnjs.cloudflare.com' to Content-Security-Policy headers.
The new product file "b203.json" was added to the product description containing detailed descriptions, features and product aspects. In the "prod.astro" file, a product details page was implemented, which fetches data from the JSON file and presents it to the user. The changes also included the development of a "ProductTabBtn" component to improve code modularity and the user interface.
Condensed the code by breaking down long lines into multiple lines and removing unneeded classes in several UI components. The changes enhance readability, declutter the codebase, and result in a more accessible and maintainable code structure.
Added 'alt' attribute to all Avatar component images improving accessibility and SEO of the website. Adjusted the function makeId inside FAQ component to accept any type of base and index providing more flexibility.
Introduced new UI components including testimonial section, avatar, and image elements. Configured secure headers in vercel.json file to enhance security. These changes improve both the aesthetic appeal and security of the website.
Refactored the image URL in testimonials and reduced redundancy in the FeaturesStats and accordion components, enhancing code readability. Also, implemented dynamic id generation in the FAQ component, improving scalability and maintainability. Added new pages to the website and updated the meta information, improving SEO.
Added new UI components including Checkbox, StatsBig, and StatsSmall for forms and stats display. Additionally, new layout sections such as FeaturesStats, LeftSection, RightSection, MainSection were added. These various additions and improvements aim to enhance the website's interface and interaction for users.
Implemented a new ContactIconBlock in the UI, including its Astro file and related props. Also added various form input components including EmailContactInput, PhoneInput, and PasswordInput for a more comprehensive contact section. Updated ContactSection with the new input fields and improved structure for better user experience and functionality.
Due to design changes, removed old authentication components and related configuration settings in .idea and .vscode folders. Changes include elimination of subscription input, email input, login and register modals, and user interface blocks. All changes aim to clean up the codebase and eliminate unused or unnecessary code.
Image format has been updated to avif format in TabContent.astro, FeaturesGeneral.astro for better performance. Metadata in Meta.astro was also updated to provide precise information about the website. Layout changes were made in HeroSection2.astro for better visual representation.
Introduced new user interface components used for authentication pages, including LoginModal, RegisterModal, RecoverModal, and associated input elements. Added a comprehensive FooterSection containing links to main site areas and social media platforms. These updates enhance the usability and functionality of the application's user registration and navigation.
Simplified image handling configuration in the "astro.config.mjs" by removing explicit sizing. Updated text sizing of PrimaryCTA and SecondaryCTA components to scale responsively in 2xl views. Aimed to improve the user interface and experience on larger screens.
The image handling configuration within astro.config.mjs has been simplified by removing explicit sizing and format details. Concurrently, button text sizing for both PrimaryCTA and SecondaryCTA components has been updated to scale responsively on 2xl views, ensuring better user interface on larger screens.
The image configuration in the astro.config.mjs file has been extended to include empty domains and AVIF and WebP formats. This adjustment will enhance image handling capabilities and ensure compatibility with a wider range of image formats.
The website's configuration is updated with new site URL and vercelStatic adapter modified with image configuration. The UI is also enhanced, with color and aspect ratio adjustments in PricingSection and TabContent. Moreover, image sizes in ClientsSection are regularized.
This commit introduces a reusable NavLink component for the navigation bar. This component has a script to highlight the active link by comparing the current URL with each link's href. It also improves code readability by separating concerns.
Remove extraneous single character attribute 'f' from the SVG rect element in the Navbar component of astro file. This correction ensures that the SVG renders correctly, maintaining the desired appearance of the Navbar.
Remove extraneous single character attribute 'f' from the SVG rect element in the Navbar component of astro file. This correction ensures that the SVG renders correctly, maintaining the desired appearance of the Navbar.
Introduce a new Navbar component to improve site navigation. The component features a brand logo, navigation links, auto theme detection, and theme switcher. In existing Meta component, update the socialImage path for better SEO and social sharing.
Introduce an SVG icon to the project and establish a new web manifest containing app details and icon information. Add a Meta component to serve structured site metadata for better web presentation and search engine optimization. Include a new robot.txt to instruct web crawlers. The addition of these elements promotes better site recognition and SEO, enhancing user navigation and experience.
Added new dependencies to the Astro and npm configuration files which includes sitemap, vercel, and other packages. Removed the HSThemeAppearance script in ThemeIcon.astro and the favicon.svg file. Made minor adjustments to the class attributes of some components in HeroSection.astro for styling purposes. These changes aim to enhance website performance and user experience. Furthermore, the addition of the sitemap package will help improve website SEO.
Implemented a new AccordionItem component and a Frequently Asked Questions (FAQ) section on the website. The AccordionItem component is a reusable, customizable accordion-style UI element that can be used for compact, expandable content presentation. The FAQ section uses the AccordionItem to present a list of commonly asked questions and their answers, with a clean expand/collapse interaction for readability.
Implemented MainLayout with essential HTML structure including title, lenis library for scrolling, and theme choices in Astro.js. The MainLayout provides a foundational layout for the application, complete with pre-configured scripts for handling user preferences such as dark mode, and scripts for handling smooth scrolling behavior with the lenis library.
The 'paragraph' prop has been updated to 'content' in Astro components to provide more flexibility in what content it can include. This change affects IconBlock, TabNav, FeaturesNavs, and FeaturesGeneral components, ensuring the prop name is consistently used throughout and reflects its function more accurately.
Added a new PricingSection component which includes blocks for 'Starter Kit' and 'Professional Toolbox' products. Each product block specifies pricing, features and a CTA button. Also included a general CTA offering enterprise solutions.
Refactored the names of the Testimonials and Pricing components to TestimonialsSection and PricingSection for better understanding. Also fixed the lack of newline at the end of file in SecondaryCTA component.
This commit adds a new Testimonials component for the ScrewFast project. The component includes the implementation of `Testimonial` and `StatProps` data types, which are used to display dynamic content. Testimonials and statistics are provided through arrays, which are then mapped to generate respective page elements.
Introduces a new component 'ThemeIcon' to enable a smooth switch between light and dark themes based on user preference. This improvement includes a drop-down menu for the users to select their preferred mode and also defines theme-related functionalities inside an object called 'HSThemeAppearance'. Further, it incorporates respective event listeners to effectively handle theme change events.
