Commit graph

140 commits

Author SHA1 Message Date
Emil Gulamov
24ae5dc3e2 Replace SVG icons with Icon component throughout the application
A centralized Icon component is now used to manage all SVG icons, improving code readability and maintainability. It also replaced manually defined SVG paths in various components including cards, buttons, and sections.
2024-03-22 04:43:44 +04:00
Emil Gulamov
7821ef382a Refactor features section to use flexible data and Icon components
Refactored the features section of the website to use externally-defined data alongside reusable Icon components. Now, tabs and feature blocks' content is dictated by passed-in props, improving the modularity and adaptability of the code. Individual SVG icons are also now handled by a single Icon component, simplifying the codebase and enhancing maintainability.
2024-03-22 04:43:19 +04:00
Emil Gulamov
2d8e7a38e6 Add FAQ and Features data, and implement UI components for Icons
Introduced FAQ and Features data files and set up new UI components for displaying icons. The FAQ data helps to answer common questions users may have and the Features data describes various offerings and services. In the Icon.astro and icons.ts file, created the logic for rendering different SVG icons based on data passed to the Icon component.
2024-03-22 04:38:07 +04:00
Emil Gulamov
36695d3340 Update UI component and application styles
Moved SiteTitle.astro to a new Starlight directory and enhanced application styles across multiple CSS classes. Updated lists in .mdx files to use bullet points instead of numbers. The relocation of the SiteTitle component contributes to a more organized project structure. Changes in styles improve the application's visual appeal and readability, while the updated list format enhances content presentation.
2024-03-21 17:24:38 +04:00
Emil Gulamov
59de89cbd8 Merge remote-tracking branch 'origin/main' 2024-03-21 02:14:39 +04:00
Emil Gulamov
700b1cfe68 Update text and hover styles in PostFeedback.astro
Changed button text colors in PostFeedback.astro component to improve visibility. Hover styles were also tweaked to enhance user interaction.
2024-03-21 02:14:20 +04:00
newbeelearn
08e4a77b5f Add image source and alt to HeroSection
Added image source and alt to HeroSection so that images can be
passed to it. Right now it is hardcoded in HeroSection. This will improve
reusability of HeroSection by theme users.
2024-03-20 17:24:41 +05:30
Emil Gulamov
f6d71d98fc Add Starlight documentation
Added Starlight to the project for improved documentation capabilities, including internalization support and enhanced styling. This will provide a more streamlined and user-friendly experience for users accessing documentation across different languages and platforms.
2024-03-20 07:46:14 +04:00
Emil Gulamov
991ec9a909 Add new PostFeedback and SocialShare components
Created the 'PostFeedback.astro' and 'SocialShare.astro' component files to enrich the UI interface. The PostFeedback component renders a user feedback section with a title and two responsive buttons. Whereas, the SocialShare component provides users with hyperlinks to popular social media platforms - it also enables copy-pasting of current page links using the ClipboardJS utility function and dropdown functionality from the Preline plugin.
2024-03-17 08:05:52 +04:00
Emil Gulamov
b4f128b6e2 Add Bookmark button functionality and update blog post layout
This commit introduces a new Bookmark button component along with its corresponding functionality using localStorage. It also updates the blog post layout by adding the Bookmark button, SocialShare, and PostFeedback components as well as restructuring the post tags section for better UI.
2024-03-17 08:04:59 +04:00
Emil Gulamov
ed6d643023 Update package dependencies and enhance accessibility
This commit updates the versions for several package dependencies in the `package.json` and `package-lock.json` files. Additionally, it adds the "gsap" package to the dependencies list. The commit also introduces ARIA roles to the "AnnouncementBanner.astro" component for improved accessibility. These labels help assistive technology, like screen readers, interpret the banner's purpose and information.
2024-03-14 17:08:46 +04:00
Emil Gulamov
3c4ce677c3 Add "eager" loading to images in TabContent and TestimonialItem
Added "eager" loading attribute to the image tags in two Astro components: TabContent and TestimonialItem. This optimization allows images to load immediately as soon as the page starts loading, improving the user's visual experience when first accessing the page.
2024-03-11 22:09:59 +04:00
Emil Gulamov
33f667cd55 Update @astrojs/check, @astrojs/vercel and astro packages versions
Updated the versions of @astrojs/check, @astrojs/vercel and astro packages in package.json and package-lock.json. Also enabled the directRenderScript experimental feature in astro.config.mjs. Refactored navigation link active class logic in NavLink.astro to use 'DOMContentLoaded' event for better performance.
2024-03-11 21:22:51 +04:00
Emil Gulamov
1ab6b250fa Correct dark mode brightness for banner button
The CSS class associated with the button in the AnnouncementBanner component has been modified. Specifically, the backdrop brightness in dark mode has been updated to ensure better visibility and user experience. This change takes into consideration users who prefer dark themed interfaces.
2024-03-07 17:30:14 +04:00
Emil Gulamov
e95dd9987a Update button title and make banner title optional
The button title on the main page has been changed to "Explore ScrewFast on GitHub". Also, the title for AnnouncementBanner is now optional, enabling use of the banner without a predefined title, increasing its reusability. The CSS styles have also been updated to accommodate these changes.
2024-03-07 02:05:02 +04:00
Emil Gulamov
6edea738fa Add ReviewComponent and refactor HeroSection
The HeroSection component code has been refactored to include a whole new block component called ReviewComponent, which contains code for presenting avatars, review ratings, and the number of reviews previously contained within HeroSection alone. This enhances code modularity. Now, HeroSection simply imports and utilizes ReviewComponent when needed, making the code more concise and easier to manage.
2024-02-27 06:15:35 +04:00
Emil Gulamov
32e163e9b5 Update color scheme in AnnouncementBanner component
Color scheme for the text and hover effect within the 'AnnouncementBanner' component has been updated for better visibility and user interface aesthetics. The changes predominantly involve the adjustment of 'text-neutral' and 'text-neutral-hover' classes in the Astro component file. These changes are expected to greatly enhance user readability and overall UI experience.
2024-02-25 03:46:27 +04:00
Emil Gulamov
4bd23d612e Move 'banner-pattern.svg' asset to public directory
The 'banner-pattern.svg' asset has been moved from the 'src/images' directory to the 'public' directory. References to this asset have been updated accordingly in 'AnnouncementBanner.astro'. The move facilitates more efficient asset management and ensures correct file referencing.
2024-02-25 00:07:34 +04:00
Emil Gulamov
b422d079fb Refactor event handlers to remove unused event parameter
In several areas of the code, event handlers had an unused event parameter. This change removes these unused parameters to improve the code's readability and maintainability. Specifically, the changes were made in the "Navbar.astro", "[...slug].astro", and "services.astro" components.
2024-02-24 23:59:08 +04:00
Emil Gulamov
bdfe5a4539 Remove 'bannerId' property from AnnouncementBanner
The 'bannerId' property has been removed from the AnnouncementBanner component as it is unneeded. This change has been reflected in both the component definition and places where the component is used, resulting in cleaner and more maintainable code.
2024-02-24 23:49:56 +04:00
Emil Gulamov
0d2c92052b Add new Announcement Banner component
Implemented a new Announcement Banner component on the main page. This banner features a dismiss button and is customizable with dynamic properties for title, bannerId, button Id, button title, and URL. Also, added a new SVG file for the banner's background pattern.
2024-02-24 23:39:00 +04:00
Emil Gulamov
8e6f720f75 Fix missing closing tag in Navbar
Fixed an issue where the NavLink component in the Navbar.astro file was not correctly closed.
2024-02-23 20:55:36 +04:00
Emil Gulamov
0d6284cfea Refactor component code and enhance loading attributes
The commit modifies several components to streamline their code by minimizing extra comments and embedded interfaces. This alteration enhances overall code readability. Furthermore, the 'loading=eager' attribute has been added to image components in CardBlogRecent and CardBlog templates to optimize loading performance by instructing the browser to load these images as soon as possible.
2024-02-22 21:59:24 +04:00
Emil Gulamov
7910656bfa Refactor code for dynamic content generation
This commit refactors the code to enable dynamic content generation for three components: FeaturesStats, Meta, and services pages. The FeaturesStats component now receives statistics data through its props, enabling easier content updates. Similar changes have been made in Meta to use site URL from Astro configuration file and dynamically generate image URLs. The services pages code has been refactored to generate articles using an array, making it more maintainable and reusable. This improves the flexibility and scalability of the codebase.
2024-02-22 08:43:37 +04:00
Emil Gulamov
041ed7d55a Add TestimonialItem and StatsGrid components
This commit introduces two new components (TestimonialItem and StatsGrid) to modularize the display of testimonial and statistics information. It also updates the TestimonialsSection to utilize these new components and receive parameters through its props. The MainPage's data source has been adjusted to send the required props for these changes.
2024-02-22 08:43:19 +04:00
Emil Gulamov
2ec0e1975f Refactor and enhance components for better data handling
This commit refactors several components to improve data handling and flexibility. It primarily modifies the way data is passed as props to the components. By taking advantage of the flexibility that comes with the use of props, components such as HeroSection, FeaturesStatsAlt, and TestimonialsSectionAlt have been enhanced to adjust and render content dynamically. This creates an improvement in code reusability and maintainability across the application. Additionally, optional rendering has been added for secondary elements such as subtitles and buttons.
2024-02-21 22:01:09 +04:00
Emil Gulamov
d2a606f03c Update code comments and enhance README documentation
This commit improves the clarity of code comments in several Astro components for better understanding of their functionality. Changes were also made to the 'rounded' class in UI cards for improved visual appearance. In the README file, detailed explanations of project structure, customization process, key features, tools and technologies used, and their roles are provided to enhance project documentation.
2024-02-20 20:50:32 +04:00
Emil Gulamov
ff2b8e56eb Update import paths for image assets
The directory structure for image assets has been reorganised. This change required updates to the import paths in several Astro components, especially those in the features and landing sections. The updated structure streamlines the organisation of image assets, improving code readability and maintainability.
2024-02-20 08:43:57 +04:00
Emil Gulamov
38e8049299 Refactor README and adjust import paths after directory restructuring
The codebase has been optimised with a reorganisation of the component directories. This required modifications to some import paths to preserve functionality, notably in services.astro. The README file was also decluttered and reframed under development and deployment commands to improve new developer onboarding. These changes pave the way for better SEO performance and ease of extendibility.
2024-02-20 08:41:34 +04:00
Emil Gulamov
83553eb1c1 Update import paths due to directory restructuring
The directory structure of components was reorganized, which required the updating of import paths in various sections. This was crucial to maintain the functionality of the UI components, buttons, blocks, and avatars after the folder restructuring. This change also sets the groundwork for future enhancements, such as improving SEO performance.
2024-02-20 07:51:14 +04:00
Emil Gulamov
addbb5457a Refactor code and restructure directories
In response to the changes made to the directory structure of the project, the code has been refactored to adjust image import paths across various sections. It also involves reorganizing components into appropriate folders based on their roles in the application. Along with this, a new utility file for navigation links has been introduced, and configurations for authorizing remote images have been added to Astro configuration file, suggesting an enhancement in SEO performance.
2024-02-20 07:47:23 +04:00
Emil Gulamov
a7c3dee7a2 Update image import paths in various sections
The changes are simply adjustments to image import paths in several sections. This is due to the relocation of image resources and better aligns with the new file directory structure.
2024-02-19 18:19:29 +04:00
Emil Gulamov
58678ed276 Update import paths after directory restructure
All import paths to UI elements in various components have been updated following a directory restructure. The change helps to better organize components within the 'sections' and 'ui' directories.
2024-02-19 18:14:31 +04:00
Emil Gulamov
7a609e4a5c Refactor components to 'sections' directory and improve SEO
All component files have been moved to a newly created 'sections' directory for better organization. Changes in import paths are reflected in all dependent files. Also, implemented SEO enhancements by adding structured data and default meta descriptions to the Meta component, and adjusted it to accept these values as props from parent components.
2024-02-19 17:41:42 +04:00
Emil Gulamov
5b8218c5e5 Remove unnecessary semicolons in password fields
Redundant semicolons in password input fields in 'RegisterModal.astro' and 'LoginModal.astro' files have been removed. This addresses unnecessary symbols inserted in the code, ensuring cleaner and more readable syntax. 'aria-describedby' attribute in 'RegisterModal.astro' was also adjusted for better accessibility.
2024-02-19 10:13:23 +04:00
Emil Gulamov
1730ce1bd4 Update website URL and optimize robots.txt settings
The website URL references in the project have been updated from 'https://screw-fast.vercel.app' to 'https://screwfast.uk'. In addition, the 'robots.txt' settings have been optimized to specify different crawl delays for different bots, providing a more granular control over how search engines interact with our website. Also, minor adjustments have been made to the PasswordInput component to streamline the 'aria-describedby' attribute.
2024-02-19 10:05:50 +04:00
Emil Gulamov
2d2bada884 Replace div tags with section tags in various components
The div HTML tags in various components of the project have been replaced with more appropriate section tags for better semantic structure. This affects the TestimonialsSection, Products, FeaturesStats, and several other components. Options for minifying JavaScript in the process-html file have also been updated. In the MainLayout, a main tag has been added to wrap page content for better accessibility and semantics.
2024-02-19 09:36:37 +04:00
Emil Gulamov
c547ce4d7d Add 'astro-compressor' and 'astro-critters' to astro config and packages
This commit introduces 'astro-compressor' and 'astro-critters' to the project's astro configuration file and package files. This is reflected in both the regular package file and the package lock file. The compressor integration has gzip disabled and brotli enabled in the astro configuration.
2024-02-19 08:00:15 +04:00
Emil Gulamov
f7f2f38d32 Update various UI elements and improve form error handling
This commit introduces adjustments to several UI elements, including title alignment, font sizes, and avatars loading. The updates aim to improve the overall visual appeal and user experience on the website. In addition, better error handling has been added to form inputs, including adding unique error IDs for each form's email input to enhance user feedback and accessibility.
2024-02-18 23:16:41 +04:00
Emil Gulamov
696915035d Update font size in ClientsSection component
Adjusted the font size in the ClientsSection component for better visual appearance and readability. The adjustment caters to several devices' sizes, ensuring a consistent look and feel across various platforms. As part of improving aesthetics, the 'text-2xl' and 'sm:text-3xl' classes were added to enhance the title's font size.
2024-02-18 07:52:11 +04:00
Emil Gulamov
e7b0e8ae74 Refactor components and improve commenting
Multiple Astro UI components such as sections, buttons, and modals have been refactored for better code efficiency and cleanliness. Inline comments have been enhanced to provide more context and explanation, improving understanding of components and their properties. Renamed TestimonialsSection2 to TestimonialsSectionAlt for better semantics.
2024-02-18 07:42:02 +04:00
Emil Gulamov
8d43521b45 Refactor multiple components, enhance comments, and rename
Refactored multiple Astro UI components, including sections, buttons, and modals, with a focus on code cleanliness and efficiency. This included revising import statements, reordering and redefining CSS classes, and updating HTML elements. Enhanced inline comments to add context and explanations, especially registering the purpose of components and properties for improved understanding. The Accordion-related functionality was removed, pointing towards a redesign of its element usage. Moreover, TestimonialsSection2 was renamed to TestimonialsSectionAlt for better semantics.
2024-02-18 07:41:36 +04:00
Emil Gulamov
03f0d73c45 Refactor code and enhance comments in multiple files
The changes made include code refactoring and reformatting in several files for better readability, and to adhere to best practices. Detailed and intuitive comments were added to the code, improving clarity and understanding of the codebase. There were also some class adjustments and minor changes in several files ranging from reordering class listings to updating element selections. Import statements were also modified for clarity. Accordion functionality was removed, potentially indicating a pending replacement or enhancement.
2024-02-18 07:40:53 +04:00
Emil Gulamov
c2dda2165b Update component codebase for readability and maintenance
Several component files have been refactored to improve code clarity and ease of maintenance. This includes introducing comprehensive comments explaining the functionality and purpose of sections of the code, as well as leveraging Astro.js for more streamlined data sourcing. The commit also includes the removal of redundant files from the vendor scripts directory as part of a general clean-up, improving overall codebase organization.
2024-02-18 07:39:53 +04:00
Emil Gulamov
04e8089294 Refactor several component files for improved maintainability
This commit refactors multiple component files for better understandability and maintainability. Detailed comments are added for enhanced readability. The data source is defined using Astro.js to simplify the process of acquiring data for the components. Unnecessary files like 'preline.js' from the vendor scripts directory are deleted as part of clean-up.
2024-02-18 07:39:17 +04:00
Emil Gulamov
69530ff398 Add "Insights" category and related components
A new category called "Insights" has been added to the blog. New components such as individual insights page layout and individual insights card have been added. The new components also include astro content files for individual insight articles. This provides users with more in-depth information and can potentially increase user engagement.
2024-02-18 00:55:43 +04:00
Emil Gulamov
ac22de1301 Add insights category and related articles section to blog
Code has been updated to include insights as a new category of blog posts. Each blog post now also includes a related articles section at the bottom. The new feature enriches the content offering for users and potentially increases user engagement. The code has also been cleaned up for readability and consistency, improving maintainability long term.
2024-02-18 00:55:32 +04:00
Emil Gulamov
a5c2e6bbde Add blog and avatar page components
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.
2024-02-17 08:16:25 +04:00
Emil Gulamov
bfc01cc16d Add new card components for blog and product sections
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.
2024-02-17 08:16:16 +04:00
Emil Gulamov
c15383a7f5 Add inline scripts and adjust webpage content
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.
2024-02-17 08:15:22 +04:00