Update src/app/page.tsx
This commit is contained in:
170
src/app/page.tsx
170
src/app/page.tsx
@@ -30,93 +30,59 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "À propos",
|
||||
id: "about",
|
||||
},
|
||||
name: "À propos", id: "about"},
|
||||
{
|
||||
name: "La carte",
|
||||
id: "menu",
|
||||
},
|
||||
name: "La carte", id: "menu"},
|
||||
{
|
||||
name: "Horaires",
|
||||
id: "info",
|
||||
},
|
||||
name: "Horaires", id: "info"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Creem"
|
||||
button={{ text: "Commander" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="L'art du café à Bastille."
|
||||
description="Café de spécialité, pâtisseries maison et douceurs artisanales au cœur de Paris."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Fait Maison",
|
||||
},
|
||||
value: "100%", label: "Fait Maison"},
|
||||
{
|
||||
value: "Artisan",
|
||||
label: "Torréfaction",
|
||||
},
|
||||
value: "Artisan", label: "Torréfaction"},
|
||||
{
|
||||
value: "16",
|
||||
label: "Rue St-Antoine",
|
||||
},
|
||||
value: "16", label: "Rue St-Antoine"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-making-items-arrangement_23-2148865610.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-making-items-arrangement_23-2148865610.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-making-items-arrangement_23-2148865610.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-making-items-arrangement_23-2148865610.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pieces-mixed-homemade-breads-presented-different-levels-wooden-table-as-samples-sale-made-from-sweet-potato_346278-830.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pieces-mixed-homemade-breads-presented-different-levels-wooden-table-as-samples-sale-made-from-sweet-potato_346278-830.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-making-items-arrangement_23-2148865610.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-making-items-arrangement_23-2148865610.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Torréfaction Fraîche",
|
||||
},
|
||||
type: "text", text: "Torréfaction Fraîche"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiance Cosy",
|
||||
},
|
||||
type: "text", text: "Ambiance Cosy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pâtisserie Maison",
|
||||
},
|
||||
type: "text", text: "Pâtisserie Maison"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Spécialité Café",
|
||||
},
|
||||
type: "text", text: "Spécialité Café"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanat Parisien",
|
||||
},
|
||||
type: "text", text: "Artisanat Parisien"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,41 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Espresso",
|
||||
price: "3 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Espresso", price: "3 €", imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Flat White",
|
||||
price: "5 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Flat White", price: "5 €", imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Latte",
|
||||
price: "5.50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg?_wi=3",
|
||||
},
|
||||
id: "3", name: "Latte", price: "5.50 €", imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Matcha Latte",
|
||||
price: "6 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg?_wi=4",
|
||||
},
|
||||
id: "4", name: "Matcha Latte", price: "6 €", imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cookie Maison",
|
||||
price: "3.50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg?_wi=5",
|
||||
},
|
||||
id: "5", name: "Cookie Maison", price: "3.50 €", imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Cake Maison",
|
||||
price: "4 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg?_wi=6",
|
||||
},
|
||||
id: "6", name: "Cake Maison", price: "4 €", imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-with-chemex_1220-7512.jpg"},
|
||||
]}
|
||||
title="La Carte"
|
||||
description="Des créations simples et généreuses."
|
||||
@@ -187,12 +129,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Rendez-nous visite"
|
||||
description="16 rue Saint-Antoine, 75004 Paris. Ouvert tous les jours."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-making-items-arrangement_23-2148865610.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-making-items-arrangement_23-2148865610.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -205,36 +146,19 @@ export default function LandingPage() {
|
||||
ctaTitle="Des questions ?"
|
||||
ctaDescription="Contactez-nous pour toute demande particulière, privatisation ou commande en gros."
|
||||
ctaButton={{
|
||||
text: "Nous contacter",
|
||||
href: "mailto:hello@creem.coffee",
|
||||
}}
|
||||
text: "Nous contacter", href: "mailto:hello@creem.coffee"}}
|
||||
ctaIcon={Mail}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Proposez-vous du lait végétal ?",
|
||||
content: "Oui, nous proposons du lait d'avoine et d'amande sans surcoût.",
|
||||
},
|
||||
id: "1", title: "Proposez-vous du lait végétal ?", content: "Oui, nous proposons du lait d'avoine et d'amande sans surcoût."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Est-ce que tout est fait maison ?",
|
||||
content: "Absolument. Nos pâtisseries sont préparées chaque matin dans notre laboratoire.",
|
||||
},
|
||||
id: "2", title: "Est-ce que tout est fait maison ?", content: "Absolument. Nos pâtisseries sont préparées chaque matin dans notre laboratoire."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Prenez-vous les réservations ?",
|
||||
content: "Nous fonctionnons sans réservation pour garantir une rotation fluide et chaleureuse.",
|
||||
},
|
||||
id: "3", title: "Prenez-vous les réservations ?", content: "Nous fonctionnons sans réservation pour garantir une rotation fluide et chaleureuse."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Le café est-il torréfié sur place ?",
|
||||
content: "Nous travaillons avec des torréfacteurs partenaires rigoureusement sélectionnés pour leur éthique.",
|
||||
},
|
||||
id: "4", title: "Le café est-il torréfié sur place ?", content: "Nous travaillons avec des torréfacteurs partenaires rigoureusement sélectionnés pour leur éthique."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Puis-je travailler sur place ?",
|
||||
content: "L'ambiance est conviviale, n'hésitez pas à venir vous installer avec votre ordinateur.",
|
||||
},
|
||||
id: "5", title: "Puis-je travailler sur place ?", content: "L'ambiance est conviviale, n'hésitez pas à venir vous installer avec votre ordinateur."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -243,33 +167,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#about",
|
||||
},
|
||||
label: "À propos", href: "#about"},
|
||||
{
|
||||
label: "La carte",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "La carte", href: "#menu"},
|
||||
{
|
||||
label: "Horaires",
|
||||
href: "#info",
|
||||
},
|
||||
label: "Horaires", href: "#info"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "hello@creem.coffee",
|
||||
href: "mailto:hello@creem.coffee",
|
||||
},
|
||||
label: "hello@creem.coffee", href: "mailto:hello@creem.coffee"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/creem.coffee",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/creem.coffee"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user