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.
This commit introduces a new component 'FeaturesNavs' that includes the navigation for the tools, dashboards, and robust features selections. It also modifies the existing 'TabNav' and 'TabContent' components to manage the functionality of the tabs dynamically. Changes emphasize the use of 'first' and 'second' props to manage the initial active tab and style variations.
In this commit, the 'Clients' component has been renamed to 'ClientsSection' for improved clarity. Additionally, the formatting of comment blocks across multiple .astro files has been adjusted to keep the cade cleaner and more uniform across the project.
Introduced a new Astro component, IconBlock, used for displaying icons paired with a heading and paragraph. This component is then utilized in the newly added FeaturesGeneral component, which encapsulates a feature section of the UI with a title, subtitle, image and a dynamic set of IconBlocks. This promotes reusability and visual consistency across the application.
A new ClientsSection component has been added, with customizable title and subTitle variables. This allows for easy customization of the section's content, providing increased flexibility. Includes relevant SVGs to represent each group of clients.
The commit provides type definitions for the variables in the HeroSection component. By doing so, this enhances readability and maintainability of the codebase and helps the developers understand what kind of data each variable is intended to hold.
The package.json and package-lock.json files have been updated to include new development tools: Prettier, its Astro and TailwindCSS plugins, and a package called preline. The tailwind.config.mjs file has also been updated to reference preline and its plugin as well as to enable Tailwind's dark mode feature.
The index.astro page has been updated with the addition of several new components to provide more reusable structures. These components include MainLayout, Navbar, HeroSection, Clients, FeaturesGeneral, FeaturesNavs, Testimonials, Pricing, and FAQ, to form the structure of the landing page.
A new HeroSection component has been added for the project's landing page. It consists of sub-components and various elements including the header, sub-header, primary and secondary CTA buttons, rating system, review statistics, and a sleek hero image. All text and links within are defined as variables for easy customization.
The commit introduces an Avatar component in Astro. This component is primarily used for displaying user avatars, taking in source and alt text as props. It's highly reusable, providing versatility for displaying avatars across various features in the application.
The commit introduces two new Astro components: FullStar and HalfStar. These components are primarily used for displaying rating stars. They show a filled star and half-filled star, which are useful in building a user review feature especially in eCommerce platforms.
This commit adds two new Astro components: PrimaryCTA and SecondaryCTA. These components represent the primary and secondary Call To Action (CTA) buttons, respectively. Both components accept title and url as props, and present clickable buttons styled according to their classification.
This commit includes the introduction of Astro project setup files, including the configuration. The main change is the addition of the configuration file `astro.config.mjs`, where Tailwind is set up for Astro integration. It also adds `.gitignore` files, a `package.json`, and setup files for VSCode and IntelliJ IDEA. The project includes a favicon and a simple Astro page. It comes with a `package-lock.json` file which locks down the versions of each dependency ensuring that installs generate the exact same tree across machines.
