diff --git a/src/components/Meta.astro b/src/components/Meta.astro index 0d6b12c..2896a24 100644 --- a/src/components/Meta.astro +++ b/src/components/Meta.astro @@ -25,8 +25,8 @@ const ogTitle: string = "ScrewFast: Hardware Tools & Construction Services"; // const author: string = "Emil Gulamov"; // Set the author's name const ogDescription: string = "Equip your projects with ScrewFast's top-quality hardware tools and expert construction services. Trusted by industry leaders, ScrewFast offers simplicity, affordability, and reliability. Experience the difference with user-centric design and cutting-edge tools. Start exploring now!"; // Set the Open Graph description -const URL: string = "https://screwfast.uk"; // Set the website URL -const socialImage: string = "https://screwfast.uk/social.png"; // Set the URL for the social media image +const URL: string = `${Astro.site}`; // Set the website URL in astro.config.mjs +const socialImage: string = `${Astro.site}/social.png`; // Set the path for the social media image --- + {subTitle &&

{subTitle}

+ }
+ {stats &&
@@ -74,5 +65,6 @@ const stats: Stat[] = [ }
+ } diff --git a/src/pages/services.astro b/src/pages/services.astro index 99ae3e1..7b714f0 100644 --- a/src/pages/services.astro +++ b/src/pages/services.astro @@ -15,6 +15,81 @@ import aerialView from "../images/aerial-view.avif"; import usingTools from "../images/using-tools.avif"; import progressBuilding from "../images/progress-building.avif"; import underConstruction from "../images/under-construction.avif"; + +interface Article { + isRightSection: boolean; + title: string; + subTitle: string; + btnExists?: boolean; + btnTitle?: string; + btnURL?: string; + single?: boolean; + img?: any; + imgAlt?: string; + imgOne?: any; + imgOneAlt?: string; + imgTwo?: any; + imgTwoAlt?: string; +} + +const articles: Article[] = [ + { + isRightSection: true, + title: "Delivering Expert Guidance", + subTitle: + "Embarking on a construction project can be overwhelming. With our professional consultation services, we guide you through every stage, ensuring you make informed decisions. Whether you are a DIY enthusiast or a skilled contractor, our experts are on hand to offer tailored advice on product selection, project scope, and compliance with local regulations.", + single: false, + imgOne: blueprints, + imgOneAlt: "Blueprints and digital tablet with construction plans.", + imgTwo: personWorking, + imgTwoAlt: "Person working in the office", + }, + { + isRightSection: false, + title: "Transforming Designs into Reality", + subTitle: + "Our skilled craftsmen bring precision and excellence to every construction project. From minor installations to substantial structural work, ScrewFast offers reliable construction services to turn your plans into tangible outcomes. We ensure the highest standards of safety and workmanship, utilizing top-quality tools and materials from our extensive inventory.", + img: beforeAfter, + imgAlt: "Construction site before and after", + btnExists: true, + btnTitle: "Learn More", + btnURL: "#", + }, + { + isRightSection: true, + title: "Navigating Projects with Professional Oversight", + subTitle: + "Effective project management is at the heart of any successful build. ScrewFast provides thorough planning and robust management services that keep your project on time and within budget. Let us handle the complexities of workflow coordination, resource allocation, and stakeholder communication while you focus on your vision.", + single: false, + imgOne: constructionWorkers, + imgOneAlt: "Construction workers orchestrating a project", + imgTwo: aerialView, + imgTwoAlt: "Aerial view of managed construction", + }, + { + isRightSection: false, + title: "Ensuring Long-lasting Performance", + subTitle: + "Our commitment to your project doesn't end at completion. ScrewFast offers ongoing maintenance and support services to ensure your construction's longevity and performance. From regular check-ups to emergency assistance, our responsive team is there to provide seamless support.", + img: usingTools, + imgAlt: + "Man in orange and black vest wearing white helmet holding yellow and black power tool", + }, + { + isRightSection: true, + title: "Crafting Bespoke Strategies for Unique Challenges", + subTitle: + "For our larger enterprise clients, ScrewFast offers custom solutions designed to meet specific industry challenges. By understanding your unique needs, we engineer tailored strategies aimed at optimizing your operations, enhancing efficiency, and driving your business forward.", + single: false, + imgOne: progressBuilding, + imgOneAlt: "In progress building structure", + imgTwo: underConstruction, + imgTwoAlt: "Brown and gray building under construction", + btnExists: true, + btnTitle: "Read more", + btnURL: "#", + }, +]; --- @@ -34,51 +109,53 @@ import underConstruction from "../images/under-construction.avif"; RightSection can also conditionally render one or two images based on the 'single' property. If 'single' is true, it displays one image, otherwise it displays two. --> - - - - - + { + articles.map((article, index) => { + return article.isRightSection ? ( + + ) : ( + + ); + }) + }