Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 42cb464b97 | |||
| b78fa8bd7c | |||
| 06537c0679 | |||
| 4835333884 | |||
| d7301c028f | |||
| c430b6acd0 | |||
| 4b060a6369 | |||
| cf8bc2ae99 | |||
| f0fe44df18 | |||
| bdcde9d0ee | |||
| f89e9bd045 | |||
| cd74149493 |
@@ -7,6 +7,9 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Cormorant_Garamond, DM_Sans } from "next/font/google";
|
||||
import { Open_Sans } from "next/font/google";
|
||||
import { Manrope } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
|
||||
|
||||
|
||||
@@ -20,8 +23,18 @@ export const metadata: Metadata = {
|
||||
},
|
||||
};
|
||||
|
||||
const cormorant = Cormorant_Garamond({ variable: "--font-cormorant", subsets: ["latin"], weight: ["400", "600", "700"] });
|
||||
const dmSans = DM_Sans({ variable: "--font-dm-sans", subsets: ["latin"] });
|
||||
|
||||
|
||||
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
const openSans = Open_Sans({
|
||||
variable: "--font-open-sans",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
@@ -31,7 +44,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${cormorant.variable} ${dmSans.variable} antialiased`}>
|
||||
<body className={`${inter.variable} ${openSans.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
167
src/app/page.tsx
167
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
|
||||
@@ -29,99 +29,34 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "/",
|
||||
},
|
||||
name: "Accueil", id: "/"},
|
||||
{
|
||||
name: "L'équipe",
|
||||
id: "/equipe",
|
||||
},
|
||||
name: "L'équipe", id: "/equipe"},
|
||||
{
|
||||
name: "Première consultation",
|
||||
id: "/consultation",
|
||||
},
|
||||
name: "Première consultation", id: "/consultation"},
|
||||
{
|
||||
name: "Traitements",
|
||||
id: "/traitements",
|
||||
},
|
||||
name: "Traitements", id: "/traitements"},
|
||||
{
|
||||
name: "Actualités",
|
||||
id: "/actualites",
|
||||
},
|
||||
name: "Actualités", id: "/actualites"},
|
||||
{
|
||||
name: "Nous contacter",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Nous contacter", id: "/contact"},
|
||||
]}
|
||||
brandName="OCLV Orthodontie"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title=""
|
||||
variant: "plain"}}
|
||||
title="Bienvenue chez OCLV"
|
||||
description="Cabinet spécialisé enfants & adultes · Orléans"
|
||||
buttons={[
|
||||
{
|
||||
text: "Prendre rendez-vous",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Découvrir le cabinet →",
|
||||
href: "#",
|
||||
},
|
||||
text: "Prendre rendez-vous", href: "/contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdgaBQRTI5ZWlUjAnBChEfxgE4/uploaded-1778617694659-4tmxsfd3.png"
|
||||
imageAlt="3D Dental Concept"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-tooth-made-sugar-blue-background_169016-24037.jpg",
|
||||
alt: "Patient 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-tooth-made-sugar-blue-background_169016-24457.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-tooth_23-2150273601.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473211.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-animated-olive-still-life_23-2149911086.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
]}
|
||||
avatarText="+1000 sourires créés"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertise",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Discrétion",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Confort",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Technologie",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bienveillance",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,20 +66,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Orthodontie Enfants",
|
||||
description: "Accompagnement dès le plus jeune âge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473209.jpg",
|
||||
},
|
||||
title: "Orthodontie Enfants", description: "Accompagnement dès le plus jeune âge.", imageSrc: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473209.jpg"},
|
||||
{
|
||||
title: "Orthodontie Adultes",
|
||||
description: "Discrétion et efficacité pour tous.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-mountain-collage_23-2150149050.jpg",
|
||||
},
|
||||
title: "Orthodontie Adultes", description: "Discrétion et efficacité pour tous.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-mountain-collage_23-2150149050.jpg"},
|
||||
{
|
||||
title: "Orthopédie",
|
||||
description: "Expertise en santé dento-faciale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-his-beard-with-copy-space_23-2148696627.jpg",
|
||||
},
|
||||
title: "Orthopédie", description: "Expertise en santé dento-faciale.", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-his-beard-with-copy-space_23-2148696627.jpg"},
|
||||
]}
|
||||
title="Nos Spécialités"
|
||||
description="Une approche sur-mesure pour tous les âges."
|
||||
@@ -159,25 +85,7 @@ export default function LandingPage() {
|
||||
author="Marie Dupont"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-dentist-treating-patient-clinic_23-2147906074.jpg",
|
||||
alt: "Marie",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beuatiful-female-dentist-posing-smiling-with-her-lovely-patient-laying-dental-chair-redviolet-dress_627829-9746.jpg",
|
||||
alt: "Patient A",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-woman-with-braces-teeth-holding-toothbrush_651396-2621.jpg",
|
||||
alt: "Patient B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11817.jpg",
|
||||
alt: "Patient C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-teenage-girl-with-braces-sitting-chair-dental-clinic_662251-2533.jpg",
|
||||
alt: "Patient D",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-dentist-treating-patient-clinic_23-2147906074.jpg", alt: "Marie"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -193,32 +101,9 @@ export default function LandingPage() {
|
||||
description="Tout savoir sur vos soins."
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "À quel âge consulter ?",
|
||||
tags: [
|
||||
"Enfants",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wise-doctor-with-stethoscope_1098-140.jpg?_wi=1",
|
||||
imageAlt: "male patient portrait dental",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quelle durée de traitement ?",
|
||||
tags: [
|
||||
"Adultes",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-transparent-dishes_23-2148879063.jpg?_wi=2",
|
||||
imageAlt: "male patient portrait dental",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "La douleur ?",
|
||||
tags: [
|
||||
"Info",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-dentist-treating-patient-clinic_23-2147906074.jpg",
|
||||
imageAlt: "male patient portrait dental",
|
||||
},
|
||||
id: "f1", title: "À quel âge consulter ?", tags: [
|
||||
"Enfants"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wise-doctor-with-stethoscope_1098-140.jpg?_wi=1", imageAlt: "male patient portrait dental"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -227,8 +112,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Localisation"
|
||||
description="13 Rue d'Angleterre, 45000 Orléans."
|
||||
@@ -241,16 +125,11 @@ export default function LandingPage() {
|
||||
logoText="OCLV"
|
||||
columns={[
|
||||
{
|
||||
title: "Informations",
|
||||
items: [
|
||||
title: "Informations", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentions Légales", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -259,4 +138,4 @@ export default function LandingPage() {
|
||||
</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-open-sans), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-cormorant), serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user