bender/afaa6a72-77fc-46f5-b4c6-6ebaf96974c4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-10 07:11:33 +00:00
Conversation 0 Commits 2 Files Changed 2 +37 -171
2 changed files with 37 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
src/app/page.tsx
View File

@@ -4,11 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Mail, MapPin, Phone } from "lucide-react";
export default function LandingPage() {
return (
@@ -18,32 +19,20 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLargeSizeLargeTitles"
background="noise"
background="none"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Accueil",
id: "hero",
},
{
name: "Le Service",
id: "about",
},
{
name: "Pourquoi nous ?",
id: "features",
},
{
name: "Contact",
id: "contact",
},
{ name: "Accueil", id: "hero" },
{ name: "Le Service", id: "about" },
{ name: "Pourquoi nous ?", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="CG Cagnes"
/>
@@ -51,54 +40,18 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
title="Votre Carte Grise à Cagnes-sur-Mer en 5 Minutes"
description="Simplifiez vos démarches administratives. Obtenez votre certificat d'immatriculation rapidement, en toute confiance et sans stress."
background={{ variant: "plain" }}
title="Votre Carte Grise à Cagnes-sur-Mer"
description="Simplifiez vos démarches administratives. Obtenez votre certificat d'immatriculation rapidement, en toute confiance."
tag="Service Agréé"
buttons={[
{
text: "Commencer ma demande",
href: "#contact",
},
{
text: "En savoir plus",
href: "#about",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=1",
imageAlt: "Service Carte Grise Cagnes",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=2",
imageAlt: "Service Carte Grise Cagnes",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=3",
imageAlt: "Service Carte Grise Cagnes",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=4",
imageAlt: "Service Carte Grise Cagnes",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=5",
imageAlt: "Service Carte Grise Cagnes",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=6",
imageAlt: "Service Carte Grise Cagnes",
},
]}
buttons={[{ text: "Commencer ma demande", href: "#contact" }, { text: "En savoir plus", href: "#about" }]}
mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/sheet-paper-with-date-february-14_23-2147596676.jpg?_wi=1", imageAlt: "Service Carte Grise Cagnes" }]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
useInvertedBackground={false}
title="Simplicité et Rapidité"
description="Nous avons digitalisé le processus de carte grise pour vous éviter les files d'attente à la préfecture. Venez avec vos documents, nous nous occupons du reste en un clin d'œil."
tag="Comment ça marche"
@@ -109,26 +62,14 @@ export default function LandingPage() {
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
animationType="blur-reveal"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Agrément Préfectoral",
description: "Professionnel habilité par le Ministère de l'Intérieur.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=2",
},
{
title: "Traitement Rapide",
description: "Dossier traité le jour même pour une réception rapide.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=3",
},
{
title: "Proximité",
description: "Situés en plein cœur de Cagnes-sur-Mer.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=4",
},
{ title: "Agrément Préfectoral", description: "Professionnel habilité par le Ministère de l'Intérieur.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=2" },
{ title: "Traitement Rapide", description: "Dossier traité le jour même pour une réception rapide.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=3" },
{ title: "Proximité", description: "Situés en plein cœur de Cagnes-sur-Mer.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=4" },
]}
title="Pourquoi choisir CG Cagnes ?"
description="Une solution complète, rapide et sécurisée pour tous vos besoins d'immatriculation."
@@ -137,45 +78,12 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={true}
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Jean Dupont",
handle: "Cagnes",
testimonial: "Service ultra rapide et personnel très accueillant.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=5",
},
{
id: "2",
name: "Marie Martin",
handle: "Cagnes",
testimonial: "J'ai eu ma carte grise en 24h, merci beaucoup !",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=6",
},
{
id: "3",
name: "Paul Durand",
handle: "Nice",
testimonial: "Très efficace, je recommande vivement ce lieu.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=7",
},
{
id: "4",
name: "Sophie Petit",
handle: "Cagnes",
testimonial: "La simplicité même, merci pour votre aide.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=8",
},
{
id: "5",
name: "Lucie Simon",
handle: "Villeneuve",
testimonial: "Une équipe professionnelle et disponible.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=9",
},
{ id: "1", name: "Jean Dupont", handle: "Cagnes", testimonial: "Service ultra rapide et personnel très accueillant.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=5" },
{ id: "2", name: "Marie Martin", handle: "Cagnes", testimonial: "J'ai eu ma carte grise en 24h, merci beaucoup !", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-calendar-traveling-by-train_329181-13713.jpg?_wi=6" }
]}
title="Avis de nos clients"
description="Des centaines de conducteurs nous font confiance chaque année."
@@ -188,67 +96,25 @@ export default function LandingPage() {
title="Commencer ma demande"
description="Envoyez-nous vos informations et nous vous contacterons immédiatement."
inputs={[
{
name: "name",
type: "text",
placeholder: "Nom complet",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Téléphone",
required: true,
},
{ name: "name", type: "text", placeholder: "Nom complet", required: true },
{ name: "email", type: "email", placeholder: "Email", required: true },
{ name: "phone", type: "tel", placeholder: "Téléphone", required: true },
]}
textarea={{
name: "message",
placeholder: "Détails de votre véhicule ou demande spécifique",
rows: 4,
}}
textarea={{ name: "message", placeholder: "Détails de votre véhicule ou demande spécifique", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/business-desk-arrangement-with-tablet_23-2148128306.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "CG Cagnes",
items: [
{
label: "À propos",
href: "#about",
},
{
label: "Services",
href: "#features",
},
],
},
{
title: "Contact",
items: [
{
label: "Nous situer",
href: "#contact",
},
{
label: "Tel: 04 93 00 00 00",
href: "tel:0493000000",
},
],
},
]}
bottomLeftText="© 2024 CG Cagnes"
bottomRightText="Mentions Légales"
/>
<FooterCard
logoText="CG Cagnes"
copyrightText="© 2025 | CG Cagnes. Tous droits réservés."
socialLinks={[
{ icon: Mail, href: "mailto:contact@cgcagnes.fr", ariaLabel: "Email" },
{ icon: Phone, href: "tel:0493000000", ariaLabel: "Téléphone" },
{ icon: MapPin, href: "https://maps.google.com", ariaLabel: "Localisation" }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>

2
src/app/styles/variables.css
View File

@@ -11,7 +11,7 @@
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f8f9fa;
--card: #f9f9f9;
--foreground: #1a1a1a;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;