bender/bdf11f65-247f-4629-918d-3c8624f24b6f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #4

Merged
bender merged 2 commits from version_3 into main 2026-03-08 16:54:46 +00:00
Conversation 0 Commits 2 Files Changed 2 +62 -70
2 changed files with 62 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/app/layout.tsx
View File

@@ -1,16 +1,17 @@
import type { Metadata } from "next";
import localFont from "next/font/local";
import "./styles/variables.css";
import "./styles/base.css";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
const geistSans = localFont({
src: "./fonts/GeistVF.woff2", variable: "--font-geist-sans", weight: "100 900"});
const geist = Geist({
variable: "--font-geist-sans", subsets: ["latin"],
});
const geistMono = localFont({
src: "./fonts/GeistMonoVF.woff2", variable: "--font-geist-mono", weight: "100 900"});
const geistMono = Geist_Mono({
variable: "--font-geist-mono", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Sunbeams", description: "Welcoming café with exceptional coffee and warm hospitality"};
title: "Our Café", description: "Experience our welcoming café with exceptional coffee, homemade pastries, and warm hospitality."};
export default function RootLayout({
children,
@@ -18,28 +19,8 @@ export default function RootLayout({
children: React.ReactNode;
}) {
return (
<html lang="nl" suppressHydrationWarning>
<head>
<script
dangerouslySetInnerHTML={{
__html: `
try {
if (localStorage.getItem('theme') === 'dark' ||
(!('theme' in localStorage) &&
window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark')
} else {
document.documentElement.classList.remove('dark')
}
} catch (e) {}
`,
}}
/>
</head>
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
suppressHydrationWarning
>
<html lang="en">
<body className={`${geist.variable} ${geistMono.variable} antialiased`}>
{children}
<script

91
src/app/page.tsx
View File

@@ -26,7 +26,7 @@ export default function CafeLandingPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Sunbeams"
brandName="Our Café"
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
@@ -38,28 +38,34 @@ export default function CafeLandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Welkom bij Sunbeams"
description="Ontdek een plek waar uitzonderlijke koffie, zelfgemaakte gebakjes en warme gastvrijheid samenkomen. Onze gasten houden van de gezellige sfeer, kwaliteitsproducten en echte verbinding."
tag="⭐⭐⭐⭐⭐ Zeer aanbevolen"
title="Experience Our Welcoming Café"
description="Discover a place where exceptional coffee, homemade pastries, and warm hospitality come together. Our guests love the cozy atmosphere, quality refreshments, and genuine connection."
tag="⭐⭐⭐⭐⭐ Highly Recommended"
tagIcon={Star}
background={{ variant: "plain" }}
buttons={[
{ text: "Tafel reserveren", href: "#contact" },
{ text: "Menu bekijken", href: "#about" },
{ text: "Reserve a Table", href: "#contact" },
{ text: "View Menu", href: "#about" },
]}
carouselItems={[
{
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-cup_23-2148892853.jpg", imageAlt: "Specialty latte art coffee"},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-cup_23-2148892853.jpg", imageAlt: "Specialty latte art coffee"
},
{
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/knife-rope-near-candied-fruits-bread_23-2147851916.jpg", imageAlt: "Fresh baked pastries"},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/knife-rope-near-candied-fruits-bread_23-2147851916.jpg", imageAlt: "Fresh baked pastries"
},
{
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-getting-some-street-food-outdoors_23-2149009644.jpg", imageAlt: "Comfortable café seating"},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-getting-some-street-food-outdoors_23-2149009644.jpg", imageAlt: "Comfortable café seating"
},
{
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424013.jpg", imageAlt: "Friends meeting at café"},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424013.jpg", imageAlt: "Friends meeting at café"
},
{
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-adult-woman-enjoying-coffe-while-working-her-notebook-drinking-coffe-vintage-coffee-shop_482257-25747.jpg", imageAlt: "Productive work environment"},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-adult-woman-enjoying-coffe-while-working-her-notebook-drinking-coffe-vintage-coffee-shop_482257-25747.jpg", imageAlt: "Productive work environment"
},
{
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/coffee-fresh-aroma-drinking-relax_53876-23420.jpg", imageAlt: "Inviting café interior"},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/coffee-fresh-aroma-drinking-relax_53876-23420.jpg", imageAlt: "Inviting café interior"
}
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -68,13 +74,13 @@ export default function CafeLandingPage() {
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="Ons verhaal"
tag="Our Story"
tagIcon={Coffee}
title="Een café gebouwd op kwaliteit en verbinding"
description="We geloven dat de beste momenten in het leven ontstaan over een kopje geweldige koffie en echt gesprek. Van onze zorgvuldig geselecteerde bonen tot onze dagelijks vers gebakken goederen, elk detail weerspiegelt onze toewijding aan uitstekendheid. Onze warme, gastvrije sfeer is een tweede thuis geworden voor boekenliefhebbers, professionals en vrienden die een perfecte plek zoeken om te ontspannen, zich met elkaar verbonden te voelen en te genieten van het leven."
title="A Café Built on Quality and Connection"
description="Since opening, we've been committed to sourcing specialty-grade coffee beans from ethical, direct-trade suppliers around the world. Every morning, our bakers arrive before dawn to prepare fresh pastries, breads, and treats—everything made fresh daily without preservatives. With over 15 years of café expertise, we've perfected the art of creating a warm, welcoming atmosphere where book lovers, professionals, and friends find their perfect spot to relax, connect, and enjoy life's simple pleasures."
metrics={[
{ value: "100%", title: "5-ster reviews" },
{ value: "1000+", title: "Tevreden klanten" },
{ value: "100%", title: "5-Star Reviews" },
{ value: "1000+", title: "Happy Customers" },
]}
imageSrc="http://img.b2bpic.net/free-vector/coffee-shop-background-design_1212-519.jpg"
imageAlt="Our café storefront"
@@ -86,23 +92,27 @@ export default function CafeLandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="Wat onze gasten zeggen"
description="Echte feedback van mensen die onze café hebben ervaren en zich thuis voelden"
tag="Klantliefde"
title="What Our Guests Say"
description="Real feedback from people who've experienced our café and felt at home here"
tag="Customer Love"
tagIcon={Heart}
testimonials={[
{
id: "1", name: "Anonymous Guest", role: "First-time Visitor", company: "Café Enthusiast", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-blue-wall_176420-3250.jpg", imageAlt: "professional woman portrait smiling confident"},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-blue-wall_176420-3250.jpg", imageAlt: "professional woman portrait smiling confident"
},
{
id: "2", name: "Osman Sarac", role: "Local Guide", company: "90+ Reviews", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-middle-eastern-guy-show-okay-gesture-guarantee-quality_176420-20477.jpg", imageAlt: "man portrait happy satisfied smiling"},
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-middle-eastern-guy-show-okay-gesture-guarantee-quality_176420-20477.jpg", imageAlt: "man portrait happy satisfied smiling"
},
{
id: "3", name: "Saeed Alawami", role: "Local Guide", company: "33+ Reviews", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756344.jpg", imageAlt: "diverse person portrait smiling genuine"},
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756344.jpg", imageAlt: "diverse person portrait smiling genuine"
},
{
id: "4", name: "Regular Customer", role: "Weekly Visitor", company: "Loyal Guest", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", imageAlt: "professional portrait smiling confident person"},
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", imageAlt: "professional portrait smiling confident person"
}
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -113,12 +123,13 @@ export default function CafeLandingPage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Waarom mensen onze café graag bezoeken"
description="Belangrijke redenen waarom onze gasten ons keer op keer kiezen"
title="Why People Love Our Café"
description="Key reasons why our guests choose us again and again"
textboxLayout="default"
useInvertedBackground={false}
names={[
"Uitzonderlijke koffikwaliteit", "Gezellige sfeer", "Vriendelijk personeel", "Zelfgemaakte gebakjes", "Perfecte leessplek", "Goed voor meetings", "Comfortabele zitplaatsen", "Gemeenschapsfocus"]}
"Exceptional Coffee Quality", "Warm Atmosphere", "Friendly Staff", "Homemade Pastries", "Perfect Reading Spot", "Great for Meetings", "Comfortable Seating", "Community Focus"
]}
showCard={true}
speed={40}
/>
@@ -126,13 +137,13 @@ export default function CafeLandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
tag="Neem contact op"
tag="Get in Touch"
tagIcon={Mail}
title="Klaar voor een bezoek aan onze café?"
description="Kom bij ons voor een onvergetelijke ervaring. Of je nu een rustige plek zoekt om te lezen, een plek om vrienden te ontmoeten, of je nieuwe favoriete koffiebestemming, we heten je graag welkom."
title="Ready to Visit Our Café?"
description="Join us for an unforgettable experience. Whether you're looking for a quiet place to read, a spot to meet friends, or your new favorite coffee destination, we'd love to welcome you."
buttons={[
{ text: "Tafel reserveren", href: "#" },
{ text: "Contact opnemen", href: "#" },
{ text: "Reserve a Table", href: "#" },
{ text: "Contact Us", href: "#" },
]}
background={{ variant: "plain" }}
useInvertedBackground={true}
@@ -141,31 +152,31 @@ export default function CafeLandingPage() {
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Sunbeams"
logoText="Our Café"
columns={[
{
title: "Café", items: [
{ label: "Over ons", href: "#about" },
{ label: "About Us", href: "#about" },
{ label: "Menu", href: "#" },
{ label: "Reviews", href: "#testimonials" },
],
},
{
title: "Verbind", items: [
title: "Connect", items: [
{ label: "Contact", href: "#contact" },
{ label: "Instagram", href: "#" },
{ label: "Facebook", href: "#" },
],
},
{
title: "Uren", items: [
{ label: "Maandag - Vrijdag: 7.00 - 19.00 uur", href: "#" },
{ label: "Zaterdag: 8.00 - 20.00 uur", href: "#" },
{ label: "Zondag: 8.00 - 18.00 uur", href: "#" },
title: "Hours", items: [
{ label: "Monday - Friday: 7AM - 7PM", href: "#" },
{ label: "Saturday: 8AM - 8PM", href: "#" },
{ label: "Sunday: 8AM - 6PM", href: "#" },
],
},
]}
copyrightText="© 2025 Sunbeams. Alle rechten voorbehouden."
copyrightText="© 2025 Our Café. All rights reserved."
/>
</div>
</ThemeProvider>