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.
