bender/e6110c0a-38d6-4721-a5fa-5061fcaca3d6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #4

Merged
bender merged 2 commits from version_4 into main 2026-04-17 17:20:07 +00:00
Conversation 0 Commits 2 Files Changed 2 +66 -118
2 changed files with 66 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,60 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Award, Coffee, Heart } from "lucide-react";
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="blurBottom"
cardStyle="soft-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
]}
brandName="MeetGreek Haar"
button={{ text: "Order Now", href: "#" }}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="A Women-Led Cafe Experience"
metrics={[
{ icon: Coffee, label: "Coffee Varieties", value: "15+" },
{ icon: Heart, label: "Customer Satisfaction", value: "100%" },
{ icon: Award, label: "Authentic Treats", value: "10+" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
]}
logoText="MeetGreek Haar"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

124
src/app/page.tsx
View File

@@ -2,17 +2,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Coffee, Heart, Smile, Utensils } from "lucide-react";
import FooterBase from '@/components/sections/footer/FooterBase';
export default function LandingPage() {
return (
@@ -33,12 +25,10 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Menu", id: "#menu" },
{ name: "Contact", id: "#contact" },
{ name: "About", id: "/about" },
]}
brandName="MeetGreek Haar"
button={{ text: "Order Now", href: "#menu" }}
button={{ text: "Order Now", href: "#" }}
/>
</div>
@@ -48,7 +38,7 @@ export default function LandingPage() {
title="Authentic Greek Flavors in the Heart of Haar"
description="Experience the warmth of Greece with our traditional coffee, handmade tiropita, and sweet pastries. Your cozy escape, right on the main street."
tag="Welcome to MeetGreek"
buttons={[{ text: "View Menu", href: "#menu" }]}
buttons={[{ text: "View Menu", href: "#" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-lot-bread-table_171337-16157.jpg", imageAlt: "Cafe interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-vintage-coffee-kettl-with-roasted-beanse_23-2148337147.jpg", imageAlt: "Greek coffee" }
@@ -59,112 +49,10 @@ export default function LandingPage() {
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="A Women-Led Cafe Experience"
metrics={[
{ icon: Coffee, label: "Coffee Varieties", value: "15+" },
{ icon: Heart, label: "Customer Satisfaction", value: "100%" },
{ icon: Award, label: "Authentic Treats", value: "10+" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ icon: Coffee, title: "Authentic Greek Coffee", description: "Hot or cold, our coffee is crafted with traditional techniques." },
{ icon: Utensils, title: "Handmade Snacks", description: "Freshly baked tiropita and pastries every single day." },
{ icon: Smile, title: "Friendly Atmosphere", description: "A cozy space led by passionate, welcoming owners." },
]}
title="Why Guests Love Us"
description="We blend traditional Greek hospitality with high-quality ingredients to create a unique culinary experience."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "1", name: "Tiropita", price: "4.50 €", imageSrc: "http://img.b2bpic.net/free-photo/tasty-khachapuri-pastries-wooden-basket_114579-83111.jpg" },
{ id: "2", name: "Baklava", price: "3.80 €", imageSrc: "http://img.b2bpic.net/free-photo/little-yummy-cake-with-delicious-cream-sliced-fresh-grapes-cookies-blue-light-desk_140725-31923.jpg" },
{ id: "3", name: "Pistachio Croissant", price: "4.20 €", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-spread-with-croissant_23-2148367521.jpg" },
{ id: "4", name: "Cappuccino", price: "3.50 €", imageSrc: "http://img.b2bpic.net/free-photo/delicious-iced-coffee-table-beans_23-2149600676.jpg" }
]}
title="Our Daily Menu"
description="Handmade snacks and authentic sweets to brighten your day."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", title: "Excellent Cafe", quote: "Sehr gutes Café, nette Besitzerin und leckeres Essen!", name: "Anna K.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg" },
{ id: "2", title: "Traditional Flavors", quote: "Leckere selbstgemachte Snacks und griechische Kleinigkeiten.", name: "Markus D.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/indigenous-man-integrated-into-modern-life_23-2151128169.jpg" },
{ id: "3", title: "Top Service", quote: "Vielen Dank für den sehr freundlichen Service, war bisher immer top.", name: "Sophie M.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-fresh-baked-croissants_23-2148028057.jpg" }
]}
title="What Our Guests Say"
description="Hear from our happy regulars and coffee lovers."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "45+", description: "Five-star reviews" },
{ id: "2", value: "100%", description: "Authentic ingredients" },
{ id: "3", value: "100+", description: "Happy morning coffee orders" },
]}
title="MeetGreek in Numbers"
description="Trusted by our local community."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
buttons={[{ text: "Contact Us", href: "#contact" }]}
faqs={[
{ id: "1", title: "Are you LGBTQ+ friendly?", content: "Yes, we are proudly LGBTQ+ friendly and a safe space for everyone." },
{ id: "2", title: "Do you offer catering?", content: "Yes! We provide authentic Greek treats for small events. Contact us to learn more." },
{ id: "3", title: "What are your opening hours?", content: "We open Saturday at 08:30 AM. Follow us on Instagram for latest updates." },
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Visit Us"
title="Ready for a Greek Treat?"
description="Come visit our cafe on the main street for the best coffee in Haar."
buttons={[{ text: "Follow us on Instagram", href: "https://instagram.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Menu", items: [{ label: "Drinks", href: "#menu" }, { label: "Snacks", href: "#menu" }] },
{ title: "Info", items: [{ label: "About Us", href: "#about" }, { label: "Instagram", href: "https://instagram.com" }] },
{ title: "Contact", items: [{ label: "Visit Us", href: "#contact" }] },
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
]}
logoText="MeetGreek Haar"
/>
@@ -172,4 +60,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}