Merge version_2 into main #2
@@ -1,45 +1,49 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Raleway } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import localFont from "next/font/local";
|
||||
import "./styles/variables.css";
|
||||
import "./styles/base.css";
|
||||
import { ServiceWrapper } from "@/providers";
|
||||
import { Tag } from "@/components";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
const geistSans = localFont({
|
||||
src: "./fonts/GeistVF.woff2", variable: "--font-geist-sans", weight: "100 900"});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const raleway = Raleway({
|
||||
variable: "--font-raleway", subsets: ["latin"],
|
||||
});
|
||||
const geistMono = localFont({
|
||||
src: "./fonts/GeistMonoVF.woff2", variable: "--font-geist-mono", weight: "100 900"});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Our Café - Cozy Coffee & Community Space", description: "Experience exceptional coffee, homemade pastries, and warm hospitality at our beloved neighborhood café. Read authentic 5-star reviews from our happy guests.", keywords: "café, coffee shop, pastries, cozy atmosphere, neighborhood café, reviews", openGraph: {
|
||||
title: "Our Café - Where Community Happens", description: "Join our community of coffee lovers and friends at our welcoming café.", siteName: "Our Café", type: "website"},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Our Café - Cozy Coffee & Community", description: "Experience genuine warmth and exceptional coffee at our neighborhood café"},
|
||||
};
|
||||
title: "Sunbeams", description: "Welcoming café with exceptional coffee and warm hospitality"};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${raleway.variable} antialiased`}
|
||||
>
|
||||
<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>
|
||||
<ServiceWrapper>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
</ServiceWrapper>
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1407,7 +1411,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -26,7 +26,7 @@ export default function CafeLandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Our Café"
|
||||
brandName="Sunbeams"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
@@ -38,14 +38,14 @@ export default function CafeLandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
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"
|
||||
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"
|
||||
tagIcon={Star}
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Reserve a Table", href: "#contact" },
|
||||
{ text: "View Menu", href: "#about" },
|
||||
{ text: "Tafel reserveren", href: "#contact" },
|
||||
{ text: "Menu bekijken", href: "#about" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
@@ -68,13 +68,13 @@ export default function CafeLandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Our Story"
|
||||
tag="Ons verhaal"
|
||||
tagIcon={Coffee}
|
||||
title="A Café Built on Quality and Connection"
|
||||
description="We believe that the best moments in life happen over a cup of great coffee and genuine conversation. From our carefully selected beans to our freshly baked goods made daily, every detail reflects our commitment to excellence. Our warm, welcoming atmosphere has become a home away from home for book lovers, professionals, and friends seeking a perfect place to relax, connect, and enjoy life's simple pleasures."
|
||||
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."
|
||||
metrics={[
|
||||
{ value: "100%", title: "5-Star Reviews" },
|
||||
{ value: "1000+", title: "Happy Customers" },
|
||||
{ value: "100%", title: "5-ster reviews" },
|
||||
{ value: "1000+", title: "Tevreden klanten" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/coffee-shop-background-design_1212-519.jpg"
|
||||
imageAlt="Our café storefront"
|
||||
@@ -86,9 +86,9 @@ export default function CafeLandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="What Our Guests Say"
|
||||
description="Real feedback from people who've experienced our café and felt at home here"
|
||||
tag="Customer Love"
|
||||
title="Wat onze gasten zeggen"
|
||||
description="Echte feedback van mensen die onze café hebben ervaren en zich thuis voelden"
|
||||
tag="Klantliefde"
|
||||
tagIcon={Heart}
|
||||
testimonials={[
|
||||
{
|
||||
@@ -113,12 +113,12 @@ export default function CafeLandingPage() {
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Why People Love Our Café"
|
||||
description="Key reasons why our guests choose us again and again"
|
||||
title="Waarom mensen onze café graag bezoeken"
|
||||
description="Belangrijke redenen waarom onze gasten ons keer op keer kiezen"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Exceptional Coffee Quality", "Warm Atmosphere", "Friendly Staff", "Homemade Pastries", "Perfect Reading Spot", "Great for Meetings", "Comfortable Seating", "Community Focus"]}
|
||||
"Uitzonderlijke koffikwaliteit", "Gezellige sfeer", "Vriendelijk personeel", "Zelfgemaakte gebakjes", "Perfecte leessplek", "Goed voor meetings", "Comfortabele zitplaatsen", "Gemeenschapsfocus"]}
|
||||
showCard={true}
|
||||
speed={40}
|
||||
/>
|
||||
@@ -126,13 +126,13 @@ export default function CafeLandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get in Touch"
|
||||
tag="Neem contact op"
|
||||
tagIcon={Mail}
|
||||
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."
|
||||
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."
|
||||
buttons={[
|
||||
{ text: "Reserve a Table", href: "#" },
|
||||
{ text: "Contact Us", href: "#" },
|
||||
{ text: "Tafel reserveren", href: "#" },
|
||||
{ text: "Contact opnemen", href: "#" },
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
@@ -141,31 +141,31 @@ export default function CafeLandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Our Café"
|
||||
logoText="Sunbeams"
|
||||
columns={[
|
||||
{
|
||||
title: "Café", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Over ons", href: "#about" },
|
||||
{ label: "Menu", href: "#" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
title: "Verbind", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours", items: [
|
||||
{ label: "Monday - Friday: 7AM - 7PM", href: "#" },
|
||||
{ label: "Saturday: 8AM - 8PM", href: "#" },
|
||||
{ label: "Sunday: 8AM - 6PM", 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: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Our Café. All rights reserved."
|
||||
copyrightText="© 2025 Sunbeams. Alle rechten voorbehouden."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user