Merge version_1 into main #1
205
src/app/page.tsx
205
src/app/page.tsx
@@ -30,102 +30,48 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Atmosphere",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Our Story", id: "#about" },
|
||||
{ name: "Atmosphere", id: "#features" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Café le Flair"
|
||||
button={{ text: "Book Table", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Hidden refinement. Unhurried moments."
|
||||
description="A cultured refuge in Frankfurt where Parisian elegance meets German precision. Exceptional coffee, thoughtful cuisine, and the quiet you've been seeking."
|
||||
kpis={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "Vegan",
|
||||
label: "Options",
|
||||
},
|
||||
{
|
||||
value: "Quiet",
|
||||
label: "Workspace",
|
||||
},
|
||||
{ value: "5.0", label: "Rating" },
|
||||
{ value: "Vegan", label: "Options" },
|
||||
{ value: "Quiet", label: "Workspace" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Discover Our Story", href: "#about" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/social-media-team-having-discussion-luxury-workplace_23-2147847491.jpg"
|
||||
imageAlt="Café le Flair interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-searching-books_23-2148680244.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-executive-young-woman-checking-papers_23-2148452641.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-searching-books_23-2148680244.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-executive-young-woman-checking-papers_23-2148452641.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg", alt: "Customer" }
|
||||
]}
|
||||
avatarText="Trusted by Frankfurt's creative class"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Roasts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Plant-Based Menu",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Speed Wi-Fi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dedicated Focus Zones",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sophisticated Ambiance",
|
||||
},
|
||||
{ type: "text", text: "Artisan Roasts" },
|
||||
{ type: "text", text: "Plant-Based Menu" },
|
||||
{ type: "text", text: "High-Speed Wi-Fi" },
|
||||
{ type: "text", text: "Dedicated Focus Zones" },
|
||||
{ type: "text", text: "Sophisticated Ambiance" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,36 +92,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Wifi,
|
||||
title: "Reliable Connectivity",
|
||||
description: "High-speed internet for your professional needs.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Accessible Outlets",
|
||||
description: "Power points at every table for uninterrupted focus.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Design-Conscious Space",
|
||||
description: "Curated interiors to inspire your creative work.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Thoughtful Vegan Options",
|
||||
description: "Delicious, plant-based culinary highlights.",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Specialty Brews",
|
||||
description: "Expertly sourced coffee crafted to perfection.",
|
||||
},
|
||||
{
|
||||
icon: BookOpen,
|
||||
title: "Quiet Atmosphere",
|
||||
description: "A refined silence perfect for deep academics.",
|
||||
},
|
||||
{ icon: Wifi, title: "Reliable Connectivity", description: "High-speed internet for your professional needs." },
|
||||
{ icon: Zap, title: "Accessible Outlets", description: "Power points at every table for uninterrupted focus." },
|
||||
{ icon: Palette, title: "Design-Conscious Space", description: "Curated interiors to inspire your creative work." },
|
||||
{ icon: Leaf, title: "Thoughtful Vegan Options", description: "Delicious, plant-based culinary highlights." },
|
||||
{ icon: Coffee, title: "Specialty Brews", description: "Expertly sourced coffee crafted to perfection." },
|
||||
{ icon: BookOpen, title: "Quiet Atmosphere", description: "A refined silence perfect for deep academics." }
|
||||
]}
|
||||
title="A Cultured Workspace"
|
||||
description="Designed for focus, crafted for comfort."
|
||||
@@ -189,42 +111,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Artisan Vegan Pastry",
|
||||
price: "4.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-herbs-pomegranate_140725-4015.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Signature Latte",
|
||||
price: "4.80€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-24971.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Organic Avocado Toast",
|
||||
price: "12.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-food-ingredients_23-2148869896.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Refined Herbal Tea",
|
||||
price: "5.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-tea-herbs_23-2148786609.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vegan Sourdough Sandwich",
|
||||
price: "9.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-vegetables-plate-with-buns-table_141793-12571.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Seasonal Vegan Tart",
|
||||
price: "6.50€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fruit-salad-with-greed-currant_140725-966.jpg",
|
||||
},
|
||||
{ id: "1", name: "Artisan Vegan Pastry", price: "4.50€", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-herbs-pomegranate_140725-4015.jpg" },
|
||||
{ id: "2", name: "Signature Latte", price: "4.80€", imageSrc: "http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-24971.jpg" },
|
||||
{ id: "3", name: "Organic Avocado Toast", price: "12.50€", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-food-ingredients_23-2148869896.jpg" },
|
||||
{ id: "4", name: "Refined Herbal Tea", price: "5.50€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-tea-herbs_23-2148786609.jpg" },
|
||||
{ id: "5", name: "Vegan Sourdough Sandwich", price: "9.50€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-vegetables-plate-with-buns-table_141793-12571.jpg" },
|
||||
{ id: "6", name: "Seasonal Vegan Tart", price: "6.50€", imageSrc: "http://img.b2bpic.net/free-photo/fruit-salad-with-greed-currant_140725-966.jpg" }
|
||||
]}
|
||||
title="Curated Selections"
|
||||
description="Thoughtfully prepared cuisine and beverages."
|
||||
@@ -238,26 +130,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah M., Academic Researcher"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-searching-books_23-2148680244.jpg",
|
||||
alt: "Sarah M.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-executive-young-woman-checking-papers_23-2148452641.jpg",
|
||||
alt: "Marc D.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg",
|
||||
alt: "Elena K.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg",
|
||||
alt: "Julian P.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",
|
||||
alt: "Sophia L.",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-searching-books_23-2148680244.jpg", alt: "Sarah M." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-executive-young-woman-checking-papers_23-2148452641.jpg", alt: "Marc D." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg", alt: "Elena K." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-executive-smiling-office_1170-781.jpg", alt: "Julian P." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg", alt: "Sophia L." }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -268,14 +145,10 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Join us for an unhurried moment of refinement."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Workspace",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Book a Workspace", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user