achat-maison-albi-fr/src/pages/index.astro

147 lines
6.4 KiB
Text
Raw Normal View History

---
// 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/misc/FAQ.astro";
import AnnouncementBanner from "@components/ui/banners/AnnouncementBanner.astro";
import heroImage from "@images/hero-image.avif";
import faqs from "@data/faqs.json";
import features from "@data/features.json";
import pricing from "@data/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";
2025-01-04 23:14:06 +01:00
import { getCollection } from "astro:content";
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",
];
2025-01-04 23:14:06 +01:00
---
<MainLayout>
<AnnouncementBanner
btnId="dismiss-button"
btnTitle="Explore ScrewFast on GitHub"
url="https://github.com/mearashadowfax/ScrewFast"
/>
<HeroSection
2025-01-04 23:14:06 +01:00
title=`Maison individuelle de 184 m2 à <span
class="text-yellow-500 dark:text-yellow-400">Albi</span>`
subTitle="Situation idéale : Au calme au fond dune impasse, dans un écrin de verdure sur un terrain de 980 m2, à moins de 2 km du centre historique, accès rocade à 1 km, tous les commerces, médiathèque et maison de quartier à 500 mètres. "
primaryBtn="Photos"
primaryBtnURL="/photos"
secondaryBtn="Nous contacter"
secondaryBtnURL="/contact"
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}
2025-01-04 23:14:06 +01:00
alt="Photo aérienne de la maison"
/>
<ClientsSection
2025-01-04 23:14:06 +01:00
title="Diagnostics en réactualisation"
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>