Compare commits
18 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 279d5bc3e5 | |||
| b59ba1433d | |||
| 10a9db6a3d | |||
| 27f981a958 | |||
| 340a91708e | |||
| 82e148eb29 | |||
| 53f7949c48 | |||
| aea8c8e218 | |||
| 93fa39fa31 | |||
| 2822c50fe5 | |||
| 06c7331507 | |||
| f9b156a7d0 | |||
| 5bcf42dad8 | |||
| a80c1179b1 | |||
| ab9d267b13 | |||
| 5dfdadfa94 | |||
| 3729a32ad9 | |||
| a0624ec02f |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
|
||||
@@ -34,7 +33,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${dmSans.variable} antialiased`}>
|
||||
<Tag />
|
||||
|
||||
{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
|
||||
@@ -3,9 +3,9 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -43,7 +43,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="#BIENÉQUIPÉ"
|
||||
description="Un chantier sécurisé commence par un bon casque. Leader de l’équipement de protection individuelle à La Réunion depuis 1996."
|
||||
description="Assurez une sécurité immédiate pour les professionnels de l'île de La Réunion. Nos solutions d'EPI certifiées protègent vos collaborateurs et assurent la conformité totale de vos chantiers, pour une tranquillité d'esprit absolue du chef de projet au foreman."
|
||||
buttons={[{ text: "Obtenir un devis rapide", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-hard-hat-headphones-hanging-closet_23-2148773503.jpg"
|
||||
imageAlt="Casque de chantier SAE"
|
||||
@@ -69,6 +69,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
tag="Certifié & Conforme"
|
||||
products={[
|
||||
{ id: "p1", name: "Gants de Manutention", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-gloves-vest_23-2148784084.jpg" },
|
||||
{ id: "p2", name: "Chaussures de Sécurité", price: "89€", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-manual-worker-typing-shoelace-construction-site_637285-8190.jpg" },
|
||||
@@ -79,6 +80,7 @@ export default function LandingPage() {
|
||||
]}
|
||||
title="Gamme complète d'EPI"
|
||||
description="Une sélection rigoureuse auprès des plus grands fabricants mondiaux."
|
||||
buttons={[{ text: "Demander le catalogue complet", href: "#catalog" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,41 +133,26 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Contactez-nous"
|
||||
description="Besoin d'un conseil ou d'un devis ? Notre équipe est à votre écoute."
|
||||
inputs={[
|
||||
{ name: "nom", type: "text", placeholder: "Nom complet", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email professionnel", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Votre demande", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-rise-construction-with-cantilever-decks-floor-rhythm-yellow-platforms_169016-69965.jpg"
|
||||
<ContactCenter
|
||||
tag="Contact"
|
||||
title="Besoin d'un devis ?"
|
||||
description="Obtenez une réponse sous 24h pour vos besoins en sécurité."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterLogoEmphasis
|
||||
logoText="SAE Réunion"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Accueil", href: "#hero" },
|
||||
{ label: "Produits", href: "#products" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informations", items: [
|
||||
{ label: "Mentions Légales", href: "#" },
|
||||
{ label: "Politique Confidentialité", href: "#" },
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Accueil", href: "#hero" }, { label: "Produits", href: "#products" }] },
|
||||
{ items: [{ label: "À Propos", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Mentions Légales" }, { label: "Confidentialité" }] },
|
||||
]}
|
||||
copyrightText="© 2024 SAE Réunion - Leader EPI"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5faff;
|
||||
--card: #f1f8ff;
|
||||
--foreground: #001122;
|
||||
--primary-cta: #15479c;
|
||||
--background: #FFFFFF;
|
||||
--card: #F5F5F5;
|
||||
--foreground: #1A1A1A;
|
||||
--primary-cta: #E30613;
|
||||
--primary-cta-text: #f5faff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #1A1A1A;
|
||||
--secondary-cta-text: #001122;
|
||||
--accent: #a8cce8;
|
||||
--background-accent: #7ba3cf;
|
||||
--accent: #E30613;
|
||||
--background-accent: #FFF0F0;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user