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 "./globals.css";
|
||||||
import "@/lib/gsap-setup";
|
import "@/lib/gsap-setup";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { DM_Sans } from "next/font/google";
|
import { DM_Sans } from "next/font/google";
|
||||||
|
|
||||||
@@ -34,7 +33,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${dmSans.variable} antialiased`}>
|
<body className={`${dmSans.variable} antialiased`}>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
@@ -3,9 +3,9 @@
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
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 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 HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
@@ -43,7 +43,7 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogo
|
<HeroLogo
|
||||||
logoText="#BIENÉQUIPÉ"
|
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" }]}
|
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"
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-hard-hat-headphones-hanging-closet_23-2148773503.jpg"
|
||||||
imageAlt="Casque de chantier SAE"
|
imageAlt="Casque de chantier SAE"
|
||||||
@@ -69,6 +69,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
gridVariant="one-large-left-three-stacked-right"
|
gridVariant="one-large-left-three-stacked-right"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
tag="Certifié & Conforme"
|
||||||
products={[
|
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: "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" },
|
{ 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"
|
title="Gamme complète d'EPI"
|
||||||
description="Une sélection rigoureuse auprès des plus grands fabricants mondiaux."
|
description="Une sélection rigoureuse auprès des plus grands fabricants mondiaux."
|
||||||
|
buttons={[{ text: "Demander le catalogue complet", href: "#catalog" }]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -131,38 +133,23 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
tag="Contact"
|
||||||
title="Contactez-nous"
|
title="Besoin d'un devis ?"
|
||||||
description="Besoin d'un conseil ou d'un devis ? Notre équipe est à votre écoute."
|
description="Obtenez une réponse sous 24h pour vos besoins en sécurité."
|
||||||
inputs={[
|
background={{ variant: "gradient-bars" }}
|
||||||
{ name: "nom", type: "text", placeholder: "Nom complet", required: true },
|
useInvertedBackground={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"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseReveal
|
<FooterLogoEmphasis
|
||||||
logoText="SAE Réunion"
|
logoText="SAE Réunion"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "Accueil", href: "#hero" }, { label: "Produits", href: "#products" }] },
|
||||||
title: "Navigation", items: [
|
{ items: [{ label: "À Propos", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||||
{ label: "Accueil", href: "#hero" },
|
{ items: [{ label: "Mentions Légales" }, { label: "Confidentialité" }] },
|
||||||
{ label: "Produits", href: "#products" },
|
|
||||||
{ label: "Contact", href: "#contact" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Informations", items: [
|
|
||||||
{ label: "Mentions Légales", href: "#" },
|
|
||||||
{ label: "Politique Confidentialité", href: "#" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 SAE Réunion - Leader EPI"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-dm-sans), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-dm-sans), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f5faff;
|
--background: #FFFFFF;
|
||||||
--card: #f1f8ff;
|
--card: #F5F5F5;
|
||||||
--foreground: #001122;
|
--foreground: #1A1A1A;
|
||||||
--primary-cta: #15479c;
|
--primary-cta: #E30613;
|
||||||
--primary-cta-text: #f5faff;
|
--primary-cta-text: #f5faff;
|
||||||
--secondary-cta: #ffffff;
|
--secondary-cta: #1A1A1A;
|
||||||
--secondary-cta-text: #001122;
|
--secondary-cta-text: #001122;
|
||||||
--accent: #a8cce8;
|
--accent: #E30613;
|
||||||
--background-accent: #7ba3cf;
|
--background-accent: #FFF0F0;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user