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.
