193 lines
11 KiB
TypeScript
193 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import Link from "next/link";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Accueil", id: "/" },
|
|
{ name: "Mini Maisons", id: "mini-maisons" },
|
|
{ name: "Avantages", id: "avantages" },
|
|
{ name: "À Propos", id: "/apropos" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "Accueil", href: "/" },
|
|
{ label: "Mini Maisons", href: "#mini-maisons" },
|
|
{ label: "Avantages", href: "#avantages" },
|
|
{ label: "Projets", href: "#projets" },
|
|
],
|
|
},
|
|
{
|
|
title: "Ressources", items: [
|
|
{ label: "À Propos", href: "/apropos" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "FAQ", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Légal", items: [
|
|
{ label: "Politique de Confidentialité", href: "#" },
|
|
{ label: "Conditions d'Utilisation", href: "#" },
|
|
{ label: "Mentions Légales", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Ozar Construction"
|
|
navItems={navItems}
|
|
bottomLeftText="Trois-Rivières, Québec"
|
|
bottomRightText="ozar@construction.qc.ca"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Ozar Construction"
|
|
description="Mini maisons modernes, écologiques et abordables. Conçues et construites à Trois-Rivières pour maximiser l'espace et réduire vos coûts."
|
|
buttons={[
|
|
{ text: "Obtenir une soumission", href: "/contact" },
|
|
{ text: "Appeler maintenant", href: "tel:+14195551234" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/photorealistic-house-with-wooden-architecture-timber-structure_23-2151302592.jpg?_wi=1"
|
|
imageAlt="Mini maison moderne écologique"
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="avantages" data-section="benefits">
|
|
<FeatureCardTwentySeven
|
|
tag="Avantages"
|
|
title="Pourquoi Choisir les Mini Maisons Ozar"
|
|
description="Découvrez les avantages uniques de nos mini maisons conçues pour maximiser l'espace et minimiser les coûts."
|
|
features={[
|
|
{
|
|
id: "1", title: "Écoénergétiques", description: "Isolation supérieure et systèmes efficaces pour réduire vos factures de chauffage et climatisation.", imageSrc: "http://img.b2bpic.net/free-photo/view-plant-lifestyle-trees-plant-nature_53876-32131.jpg?_wi=1", imageAlt: "Mini maison écologique"},
|
|
{
|
|
id: "2", title: "Optimisation de l'Espace", description: "Chaque centimètre compte. Design intelligent pour confort maximal dans un espace minimal.", imageSrc: "http://img.b2bpic.net/free-photo/young-people-working-from-modern-place_23-2148854159.jpg?_wi=1", imageAlt: "Intérieur moderne compact"},
|
|
{
|
|
id: "3", title: "Coût de Construction Réduit", description: "Moins de matériaux, moins de main-d'œuvre, mais qualité premium inchangée.", imageSrc: "http://img.b2bpic.net/free-vector/assortment-houses-with-variety-designs_23-2147602121.jpg?_wi=1", imageAlt: "Designs variés de maisons"},
|
|
{
|
|
id: "4", title: "Design Personnalisable", description: "Choisissez entre moderne, rustique, chalet ou scandinave. Votre style, votre maison.", imageSrc: "http://img.b2bpic.net/free-photo/snowy-scene-village-winter_181624-22549.jpg?_wi=1", imageAlt: "Chalet de montagne"},
|
|
{
|
|
id: "5", title: "Construction Locale", description: "Construites à Trois-Rivières avec expertise locale et service de proximité.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-children-stairs_23-2148321726.jpg?_wi=1", imageAlt: "Processus de construction"},
|
|
]}
|
|
gridVariant="bento-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="mini-maisons" data-section="styles">
|
|
<ProductCardOne
|
|
tag="Galerie"
|
|
title="Nos Styles de Mini Maisons"
|
|
description="Explorez nos différents modèles et trouvez le style qui vous convient."
|
|
products={[
|
|
{
|
|
id: "modern", name: "Moderne", price: "À partir de 65 000$", imageSrc: "http://img.b2bpic.net/free-vector/assortment-houses-with-variety-designs_23-2147602121.jpg?_wi=2", imageAlt: "Mini maison style moderne"},
|
|
{
|
|
id: "rustique", name: "Rustique", price: "À partir de 70 000$", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-winter-landscape_23-2151901435.jpg?_wi=1", imageAlt: "Mini maison style rustique"},
|
|
{
|
|
id: "chalet", name: "Style Chalet", price: "À partir de 75 000$", imageSrc: "http://img.b2bpic.net/free-photo/snowy-scene-village-winter_181624-22549.jpg?_wi=2", imageAlt: "Mini maison style chalet"},
|
|
{
|
|
id: "ecologique", name: "Écologique", price: "À partir de 80 000$", imageSrc: "http://img.b2bpic.net/free-photo/view-plant-lifestyle-trees-plant-nature_53876-32131.jpg?_wi=2", imageAlt: "Mini maison écologique"},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Comparer les Modèles", href: "#mini-maisons" },
|
|
{ text: "Voir Spécifications", href: "/specifications" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="projets" data-section="why-ozar">
|
|
<TextAbout
|
|
tag="À Propos"
|
|
title="Ozar Construction : Expertise en Mini Maisons depuis Plus de 10 Ans"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "En Savoir Plus", href: "/apropos" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
tag="Témoignages"
|
|
title="Ce Que Disent Nos Clients"
|
|
description="Découvrez les expériences positives de nos clients satisfaits."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marie Dupont", handle: "Trois-Rivières", testimonial: "Ozar Construction a transformé mon rêve en réalité. La qualité est exceptionnelle et l'équipe est très professionnelle.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-outside-street_1303-21668.jpg?_wi=1", imageAlt: "Marie Dupont"},
|
|
{
|
|
id: "2", name: "Jean-Claude Moreau", handle: "Investisseur Immobilier", testimonial: "Le meilleur investissement que j'ai fait. La mini maison se loue très bien sur Airbnb. ROI impressionnant!", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg?_wi=1", imageAlt: "Jean-Claude Moreau"},
|
|
{
|
|
id: "3", name: "Sophie Girard", handle: "Écologiste", testimonial: "Enfin une entreprise qui comprend vraiment la durabilité. Chaque détail montre leur engagement envers l'environnement.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153863.jpg?_wi=1", imageAlt: "Sophie Girard"},
|
|
{
|
|
id: "4", name: "Marc Lesage", handle: "Retraité", testimonial: "Downsizing made easy. Ozar a rendu le processus simple, transparent et agréable du début à la fin.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-with-flowers-walking-woods_1328-4730.jpg?_wi=1", imageAlt: "Marc Lesage"},
|
|
{
|
|
id: "5", name: "Isabelle Roy", handle: "Jeune Professionnelle", testimonial: "Première maison abordable et de qualité. Je recommande Ozar à tous mes amis qui cherchent l'accessibilité.", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg?_wi=1", imageAlt: "Isabelle Roy"},
|
|
{
|
|
id: "6", name: "Robert Cloutier", handle: "Propriétaire", testimonial: "Service local impeccable. L'équipe connaît les normes régionales et gère tout avec respect et professionnalisme.", imageSrc: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg?_wi=1", imageAlt: "Robert Cloutier"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta-section" data-section="cta-section">
|
|
<ContactCenter
|
|
tag="Prêt?"
|
|
title="Prêt à Construire Votre Mini Maison?"
|
|
description="Contactez-nous dès aujourd'hui pour discuter de votre projet et obtenir une soumission personnalisée."
|
|
inputPlaceholder="Entrez votre email"
|
|
buttonText="Demander une Soumission"
|
|
termsText="En cliquant sur Demander une Soumission, vous acceptez nos conditions d'utilisation et notre politique de confidentialité."
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={footerColumns}
|
|
bottomLeftText="© 2025 Ozar Construction. Tous droits réservés."
|
|
bottomRightText="Construit avec passion à Trois-Rivières"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|