d82473b35c
The pricing details, previously hardcoded in the PricingSection component, have been extracted to a separate JSON file in both English and French. They are now dynamically loaded into the PricingSection, enhancing maintainability and content management capabilities.
145 lines
6.3 KiB
Text
145 lines
6.3 KiB
Text
---
|
|
// Import the necessary components
|
|
import MainLayout from "@/layouts/MainLayout.astro";
|
|
import HeroSection from "@/components/sections/landing/HeroSection.astro";
|
|
import HeroSectionAlt from "@/components/sections/landing/HeroSectionAlt.astro";
|
|
import ClientsSection from "@/components/sections/landing/ClientsSection.astro";
|
|
import FeaturesGeneral from "@/components/sections/features/FeaturesGeneral.astro";
|
|
import FeaturesNavs from "@/components/sections/features/FeaturesNavs.astro";
|
|
import TestimonialsSection from "@/components/sections/testimonials/TestimonialsSection.astro";
|
|
import PricingSection from "@/components/sections/pricing/PricingSection.astro";
|
|
import FAQ from "@/components/sections/FAQ.astro";
|
|
import AnnouncementBanner from "@/components/ui/banners/AnnouncementBanner.astro";
|
|
import heroImage from "@/images/hero-image.avif";
|
|
import faqs from "@/data_files/faqs.json";
|
|
import features from "@/data_files/features.json";
|
|
import pricing from "@/data_files/pricing.json";
|
|
import featureImage from "@/images/features-image.avif";
|
|
import construction from "@/images/construction-image.avif";
|
|
import tools from "@/images/automated-tools.avif";
|
|
import dashboard from "@/images/dashboard-image.avif";
|
|
|
|
const avatarSrcs: Array<string> = [
|
|
"https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80",
|
|
"https://images.unsplash.com/photo-1531927557220-a9e23c1e4794?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80",
|
|
"https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&&auto=format&fit=facearea&facepad=3&w=300&h=300&q=80",
|
|
"https://images.unsplash.com/photo-1492562080023-ab3db95bfbce?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80",
|
|
];
|
|
---
|
|
|
|
<MainLayout>
|
|
<AnnouncementBanner
|
|
btnId="dismiss-button"
|
|
btnTitle="Explore ScrewFast on GitHub"
|
|
url="https://github.com/mearashadowfax/ScrewFast"
|
|
/>
|
|
|
|
<HeroSection
|
|
title=`Equip Your Projects with <span
|
|
class="text-yellow-500 dark:text-yellow-400">ScrewFast</span>`
|
|
subTitle="Top-quality hardware tools and expert construction services for every project need."
|
|
primaryBtn="Start Exploring"
|
|
primaryBtnURL="/products"
|
|
secondaryBtn="Contact Sales Team"
|
|
secondaryBtnURL="/contact"
|
|
withReview={true}
|
|
avatars={avatarSrcs}
|
|
rating=`<span class="font-bold">4.8</span> / 5`
|
|
starCount={4}
|
|
reviews=`From Over <span class="font-bold">12.8k</span> Reviews`
|
|
src={heroImage}
|
|
alt="Stack of ScrewFast product boxes containing assorted hardware tools"
|
|
/>
|
|
|
|
<ClientsSection
|
|
title="Trusted by Industry Leaders"
|
|
subTitle="Experience the reliability chosen by industry giants."
|
|
/>
|
|
|
|
<FeaturesGeneral
|
|
title="Meeting Industry Demands"
|
|
subTitle="At ScrewFast, we tackle the unique challenges encountered in the hardware and construction sectors. From cutting-edge tools to expert services, we're dedicated to helping you overcome obstacles and achieve your goals."
|
|
src={featureImage}
|
|
alt="ScrewFast products in floating boxes"
|
|
features={features}
|
|
/>
|
|
|
|
<FeaturesNavs
|
|
title=`Customize <span class="text-yellow-500 dark:text-yellow-400">ScrewFast</span>'s offerings to perfectly suit your hardware and construction needs.`
|
|
tabs={[
|
|
{
|
|
heading: "Cutting-Edge Tools",
|
|
content:
|
|
"Empower your projects with ScrewFast's cutting-edge tools. Experience enhanced efficiency in construction management with our sophisticated automated solutions.",
|
|
svg: "tools",
|
|
src: tools,
|
|
alt: "Yellow and black heavy equipment on brown grass field",
|
|
first: true,
|
|
},
|
|
{
|
|
heading: "Intuitive Dashboards",
|
|
content:
|
|
"Navigate with ease using ScrewFast's intuitive dashboards. Set up and oversee your projects seamlessly, with user-friendly interfaces designed for quick and effective workflow management.",
|
|
svg: "dashboard",
|
|
src: dashboard,
|
|
alt: "A screenshot or graphic representation of the intuitive dashboard",
|
|
second: true,
|
|
},
|
|
{
|
|
heading: "Robust Features",
|
|
content:
|
|
"Minimize complexity, maximize productivity. ScrewFast's robust features are engineered to streamline your construction process, delivering results that stand out for their excellence.",
|
|
svg: "house",
|
|
src: construction,
|
|
alt: "Gray metal building frame near tower crane during daytime",
|
|
},
|
|
]}
|
|
/>
|
|
|
|
<TestimonialsSection
|
|
title="Fast-Track Your Projects"
|
|
subTitle="At ScrewFast, we ensure a swift start with instant account setup. Experience the speed of construction redefined."
|
|
;
|
|
testimonials={[
|
|
{
|
|
content:
|
|
"ScrewFast dramatically boosted our project efficiency. Setup was instant, and their rapid response times are phenomenal. Truly a game-changer in hardware and construction support!",
|
|
author: "Samantha Ruiz",
|
|
role: "Chief Operating Officer | ConstructIt Inc.",
|
|
avatarSrc:
|
|
"https://images.unsplash.com/photo-1593104547489-5cfb3839a3b5?q=80&w=1453&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D8&auto=format&fit=facearea&facepad=2&w=320&h=320&q=80",
|
|
},
|
|
]}
|
|
statistics={[
|
|
{
|
|
count: "70k+",
|
|
description:
|
|
"customers equipped — from DIY to major construction firms",
|
|
},
|
|
{
|
|
count: "35%",
|
|
description:
|
|
"uptick in project efficiency with ScrewFast tools and services",
|
|
},
|
|
{
|
|
count: "15.3%",
|
|
description:
|
|
"reduction in maintenance costs reported by long-term clients",
|
|
},
|
|
{
|
|
count: "2x",
|
|
description: "quicker assembly using innovative fastening solutions",
|
|
},
|
|
]}
|
|
/>
|
|
|
|
<PricingSection pricing={pricing} />
|
|
|
|
<FAQ title="Frequently<br />asked questions" faqs={faqs} />
|
|
|
|
<HeroSectionAlt
|
|
title="Let's Build Together"
|
|
subTitle="ScrewFast is an open-source template, meticulously crafted with Astro, Tailwind CSS, and Preline UI frameworks."
|
|
url="https://github.com/mearashadowfax/ScrewFast"
|
|
/>
|
|
</MainLayout>
|