Merge version_2 into main #2
@@ -8,6 +8,7 @@ import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Manrope } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
import { Figtree } from "next/font/google";
|
||||
|
||||
|
||||
|
||||
@@ -16,13 +17,9 @@ export const metadata: Metadata = {
|
||||
description: 'Atlas Digital accompagne les marques ambitieuses dans leur transformation digitale avec expertise et précision.',
|
||||
};
|
||||
|
||||
const manrope = Manrope({
|
||||
variable: "--font-manrope",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
const dmSans = DM_Sans({
|
||||
variable: "--font-dm-sans",
|
||||
subsets: ["latin"],
|
||||
|
||||
const figtree = Figtree({
|
||||
variable: "--font-figtree", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -33,7 +30,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${manrope.variable} ${dmSans.variable} antialiased`}>
|
||||
<body className={`${figtree.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
184
src/app/page.tsx
184
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "expertise",
|
||||
},
|
||||
name: "Expertise", id: "expertise"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Réalisations",
|
||||
id: "realisations",
|
||||
},
|
||||
name: "Réalisations", id: "realisations"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Atlas Digital"
|
||||
/>
|
||||
@@ -54,62 +46,32 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="L'agence digitale qui porte vos ambitions au sommet du monde."
|
||||
description="Stratégie Digitale Premium. Nous combinons expertise technique et sensibilité créative pour créer des expériences mémorables."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alexandre Dupont",
|
||||
handle: "@atlas",
|
||||
testimonial: "Une équipe d'une précision exemplaire. Atlas Digital a transformé notre vision en réalité.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-7u6cp1y9.png?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "Alexandre Dupont", handle: "@atlas", testimonial: "Une équipe d'une précision exemplaire. Atlas Digital a transformé notre vision en réalité.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-7u6cp1y9.png?_wi=1", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Sophie Martin",
|
||||
handle: "@luxe",
|
||||
testimonial: "L'approche premium et la créativité déployée sont tout simplement remarquables.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-821iamjc.png?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "Sophie Martin", handle: "@luxe", testimonial: "L'approche premium et la créativité déployée sont tout simplement remarquables.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-821iamjc.png?_wi=1", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Jean-Marc L.",
|
||||
handle: "@innov",
|
||||
testimonial: "Un partenariat stratégique qui a propulsé notre croissance.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-zqqzo06k.png",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "Jean-Marc L.", handle: "@innov", testimonial: "Un partenariat stratégique qui a propulsé notre croissance.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-zqqzo06k.png", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Claire B.",
|
||||
handle: "@tech",
|
||||
testimonial: "Une exécution technique sans faille et une réactivité rare.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/professional-digital-agency-hero-image-w-1774774167468-7ff3a8ea.png?_wi=1",
|
||||
imageAlt: "Professional digital agency hero image with dark aesthetic, luxury gold accents, abstract geometric ",
|
||||
},
|
||||
name: "Claire B.", handle: "@tech", testimonial: "Une exécution technique sans faille et une réactivité rare.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/professional-digital-agency-hero-image-w-1774774167468-7ff3a8ea.png?_wi=1", imageAlt: "Professional digital agency hero image with dark aesthetic, luxury gold accents, abstract geometric "},
|
||||
{
|
||||
name: "Victor H.",
|
||||
handle: "@design",
|
||||
testimonial: "Ils ont su capturer l'essence de notre marque avec élégance.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/close-up-professional-ui-design-screen-s-1774774168156-3c1180c3.png?_wi=1",
|
||||
imageAlt: "Close up professional UI design screen showing clean analytics dashboards, dark theme.",
|
||||
},
|
||||
name: "Victor H.", handle: "@design", testimonial: "Ils ont su capturer l'essence de notre marque avec élégance.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/close-up-professional-ui-design-screen-s-1774774168156-3c1180c3.png?_wi=1", imageAlt: "Close up professional UI design screen showing clean analytics dashboards, dark theme."},
|
||||
]}
|
||||
testimonialRotationInterval={6000}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demarrer un projet",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Demarrer un projet", href: "#contact"},
|
||||
{
|
||||
text: "En savoir plus",
|
||||
href: "#expertise",
|
||||
},
|
||||
text: "En savoir plus", href: "#expertise"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/professional-digital-agency-hero-image-w-1774774167468-7ff3a8ea.png?_wi=2"
|
||||
imageAlt="Hero background showcasing luxury tech"
|
||||
@@ -123,19 +85,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Années d'Excellence",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Années d'Excellence", value: "10+"},
|
||||
{
|
||||
icon: Target,
|
||||
label: "Projets Livrés",
|
||||
value: "340+",
|
||||
},
|
||||
label: "Projets Livrés", value: "340+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Satisfaction Client",
|
||||
value: "98%",
|
||||
},
|
||||
label: "Satisfaction Client", value: "98%"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -149,23 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Stratégie Digitale",
|
||||
description: "Conception de feuilles de route stratégiques pour dominer votre marché.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/close-up-professional-ui-design-screen-s-1774774168156-3c1180c3.png?_wi=2",
|
||||
},
|
||||
id: "s1", title: "Stratégie Digitale", description: "Conception de feuilles de route stratégiques pour dominer votre marché.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/close-up-professional-ui-design-screen-s-1774774168156-3c1180c3.png?_wi=2"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Développement",
|
||||
description: "Ingénierie de pointe pour des plateformes performantes et scalables.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/creative-brainstorming-session-in-a-mini-1774774167258-5fbed5e4.png?_wi=1",
|
||||
},
|
||||
id: "s2", title: "Développement", description: "Ingénierie de pointe pour des plateformes performantes et scalables.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/creative-brainstorming-session-in-a-mini-1774774167258-5fbed5e4.png?_wi=1"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Identité Visuelle",
|
||||
description: "Design d'exception qui incarne vos valeurs les plus profondes.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/digital-development-code-stream-on-moder-1774774167289-ecf5332d.png?_wi=1",
|
||||
},
|
||||
id: "s3", title: "Identité Visuelle", description: "Design d'exception qui incarne vos valeurs les plus profondes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/digital-development-code-stream-on-moder-1774774167289-ecf5332d.png?_wi=1"},
|
||||
]}
|
||||
title="Services Premium"
|
||||
description="Des solutions sur mesure conçues pour l'excellence et la croissance durable."
|
||||
@@ -178,60 +122,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marc V.",
|
||||
date: "2024",
|
||||
title: "CEO",
|
||||
quote: "Une équipe incroyable.",
|
||||
tag: "Innovation",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-7u6cp1y9.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/creative-brainstorming-session-in-a-mini-1774774167258-5fbed5e4.png?_wi=2",
|
||||
imageAlt: "Creative brainstorming session in a minimalist modern office, dark lighting, professional.",
|
||||
},
|
||||
id: "1", name: "Marc V.", date: "2024", title: "CEO", quote: "Une équipe incroyable.", tag: "Innovation", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-7u6cp1y9.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/creative-brainstorming-session-in-a-mini-1774774167258-5fbed5e4.png?_wi=2", imageAlt: "Creative brainstorming session in a minimalist modern office, dark lighting, professional."},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena R.",
|
||||
date: "2024",
|
||||
title: "Directrice",
|
||||
quote: "Précision absolue.",
|
||||
tag: "Luxe",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-821iamjc.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/digital-development-code-stream-on-moder-1774774167289-ecf5332d.png?_wi=2",
|
||||
imageAlt: "Digital development code stream on modern screen, focus on elegance and precision.",
|
||||
},
|
||||
id: "2", name: "Elena R.", date: "2024", title: "Directrice", quote: "Précision absolue.", tag: "Luxe", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-821iamjc.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/digital-development-code-stream-on-moder-1774774167289-ecf5332d.png?_wi=2", imageAlt: "Digital development code stream on modern screen, focus on elegance and precision."},
|
||||
{
|
||||
id: "3",
|
||||
name: "Thomas K.",
|
||||
date: "2024",
|
||||
title: "Founder",
|
||||
quote: "Résultats spectaculaires.",
|
||||
tag: "Tech",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-zqqzo06k.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/portrait-of-professional-businessman-loo-1774774167448-2a761e5c.png",
|
||||
imageAlt: "Portrait of professional businessman looking at tablet, soft lighting, sharp focus.",
|
||||
},
|
||||
id: "3", name: "Thomas K.", date: "2024", title: "Founder", quote: "Résultats spectaculaires.", tag: "Tech", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-zqqzo06k.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/portrait-of-professional-businessman-loo-1774774167448-2a761e5c.png", imageAlt: "Portrait of professional businessman looking at tablet, soft lighting, sharp focus."},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julie H.",
|
||||
date: "2024",
|
||||
title: "Directrice Marketing",
|
||||
quote: "Un travail de maître.",
|
||||
tag: "Analytics",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/portrait-of-professional-businessman-loo-1774774167448-2a761e5c.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-7u6cp1y9.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "4", name: "Julie H.", date: "2024", title: "Directrice Marketing", quote: "Un travail de maître.", tag: "Analytics", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/portrait-of-professional-businessman-loo-1774774167448-2a761e5c.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-7u6cp1y9.png?_wi=2", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nicolas D.",
|
||||
date: "2024",
|
||||
title: "CTO",
|
||||
quote: "Une approche visionnaire.",
|
||||
tag: "Engineering",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/portrait-of-professional-businessman-loo-1774774167448-2a761e5c.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-821iamjc.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "5", name: "Nicolas D.", date: "2024", title: "CTO", quote: "Une approche visionnaire.", tag: "Engineering", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/portrait-of-professional-businessman-loo-1774774167448-2a761e5c.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc2SA1YszV5A2YJB38r6o4PuFM/uploaded-1774774142191-821iamjc.png?_wi=2", imageAlt: "User provided image"},
|
||||
]}
|
||||
title="Ce qu'ils disent de nous"
|
||||
description="L'excellence comme standard, la confiance comme pilier."
|
||||
@@ -242,8 +141,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact"
|
||||
title="Prêt pour votre ascension ?"
|
||||
description="Discutons de votre ambition. Prenez rendez-vous dès aujourd'hui."
|
||||
@@ -255,29 +153,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Atlas Digital",
|
||||
items: [
|
||||
title: "Atlas Digital", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#",
|
||||
},
|
||||
label: "Services", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentions Légales", href: "#"},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Confidentialité", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -287,4 +175,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-figtree), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-manrope), sans-serif;
|
||||
font-family: var(--font-figtree), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user