Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
@@ -10,38 +10,53 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
-const navItems = [{ "name": "Home", "id": "/" }];
+export default function Home() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" }
+  ];
 
-export default function Page() {
   return (
-    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen navItems={navItems} brandName="Stadtcafe Vöcklabruck" />
+        <NavbarStyleFullscreen navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
-        <HeroBillboard background={{ variant: "sparkles-gradient" }} title="Genuss am Stadtplatz." description="Frühstück · Mittagsmenü · Abendessen · Kaffee" buttons={[{ text: "Tisch reservieren", href: "#reservation" }, { text: "Speisekarte ansehen", href: "#menu" }]} imageSrc="http://img.b2bpic.net/free-photo/empty-white-ceramic-cup-against-pink-backdrop_23-2148084302.jpg" mediaAnimation="blur-reveal" avatars={[{ src: "http://img.b2bpic.net/free-photo/face-recognition-personal-identification-collage_23-2150165589.jpg", alt: "Portrait 1" }, { src: "http://img.b2bpic.net/free-photo/beautiful-woman-dreaming-cyber-monday-sales_23-2148313194.jpg", alt: "Portrait 2" }, { src: "http://img.b2bpic.net/free-photo/woman-smiling-with-thumb-up-business-card_1187-3166.jpg", alt: "Portrait 3" }, { src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", alt: "Portrait 4" }, { src: "http://img.b2bpic.net/free-photo/front-view-sign-language-concept_23-2148572467.jpg", alt: "Portrait 5" }]} avatarText="Über 1.000 zufriedene Stammgäste" marqueeItems={[{ type: "text", text: "Frühstück" }, { type: "text", text: "Mittagsmenü" }, { type: "text", text: "Abendessen" }, { type: "text", text: "Kaffee" }, { type: "text", text: "Kuchen" }]} />
+        <HeroBillboard title="Welcome" description="Description" background={{ variant: "plain" }} />
       </div>
       <div id="highlights" data-section="highlights">
-        <FeatureCardTwelve animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ id: "f1", label: "Frisch & Regional", title: "Starten Sie den Tag", items: ["Frisch gebackenes Gebäck vom Bäcker nebenan", "Hausgemachte Marmeladen mit Früchten aus der Region", "Bio-Eier von glücklichen Bauernhöfen aus der Umgebung"] }, { id: "f2", label: "Regional & Saison", title: "Mittagsmenü", items: ["Täglich wechselnde Gerichte mit saisonalem Bezug", "Frische Kräuter und regionale Zutaten", "Leichte & schnelle Küche für die Mittagspause"] }, { id: "f3", label: "Lokale Kulinarik", title: "Abend & Küche", items: ["Gehobene österreichische Küche mit lokalen Produkten", "Erlesene Weinauswahl von Winzern der Umgebung", "Gemütliches Ambiente für den Ausklang"] }]} title="Kulinarische Highlights" description="Erleben Sie unsere tägliche Auswahl an frischen, lokalen Spezialitäten." />
+        <FeatureCardTwelve features={[{id: "1", label: "Fast", title: "Speed", items: ["Item 1"]}]} animationType="none" title="Highlights" description="Features" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="menu" data-section="menu">
-        <ProductCardFour textboxLayout="default" gridVariant="two-columns-alternating-heights" useInvertedBackground={true} animationType="slide-up" title="Unsere Signature Dishes" description="Beliebte Klassiker aus unserer Küche." products={[{ id: "p1", name: "Heusuppe", price: "€12", variant: "Suppe", imageSrc: "http://img.b2bpic.net/free-photo/meat-rings-with-applesauce-glass-red-wine_140725-2154.jpg" }, { id: "p2", name: "Grießschmarrn", price: "€14", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/fine-dining-design-restaurant-with-good-red-wine-great-cooking_482257-10388.jpg" }, { id: "p3", name: "Rehragout", price: "€19", variant: "Hauptspeise", imageSrc: "http://img.b2bpic.net/free-photo/onion-rings-with-vegetable-salad_140725-5354.jpg" }, { id: "p4", name: "Schokofondue", price: "€16", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-placed-mashed-potato-garnished-with-shredded-bell-pepper-thyme_141793-2238.jpg" }, { id: "p5", name: "Schokoladenkuchen", price: "€10", variant: "Kuchen", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg" }, { id: "p6", name: "Verlängerter", price: "€5", variant: "Kaffee", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-zucchini_74190-737.jpg" }]} />
+        <ProductCardFour gridVariant="bento-grid" animationType="none" title="Menu" description="Products" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="about" data-section="about">
-        <MetricSplitMediaAbout useInvertedBackground={false} title="Stadtcafe Vöcklabruck" description="Direkt am Stadtplatz gelegen, ist unser Café seit Jahren ein Treffpunkt für Genießer. Wir vereinen Tradition mit modernem Lebensgefühl." metrics={[{ value: "1890", title: "Tradition seit" }, { value: "100%", title: "Qualität aus der Region" }]} imageSrc="http://img.b2bpic.net/free-photo/cozy-scene-with-tea-fireplace-warm-blanket_23-2151964893.jpg" mediaAnimation="slide-up" />
+        <MetricSplitMediaAbout title="About" description="Details" metrics={[{value: "100", title: "Users"}]} useInvertedBackground={false} mediaAnimation="none" metricsAnimation="none" />
       </div>
       <div id="hours" data-section="hours">
-        <MetricCardSeven animationType="slide-up" textboxLayout="default" useInvertedBackground={true} metrics={[{ id: "m1", value: "Mo-Fr", title: "08:00 - 22:00", items: ["Warme Küche bis 21:00"] }, { id: "m2", value: "Sa", title: "09:00 - 23:00", items: ["Frühstück bis 14:00"] }, { id: "m3", value: "So/Fei", title: "Ruhetag", items: ["Wir freuen uns auf Sie"] }]} title="Öffnungszeiten & Info" description="Stadtplatz 14, 4840 Vöcklabruck | Telefon: 07672 23462" />
+        <MetricCardSeven metrics={[{id: "1", value: "8AM", title: "Open", items: []}]} animationType="none" title="Hours" description="Metrics" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="reservation" data-section="reservation">
-        <ContactCTA tag="Reservierung" title="Tisch bei uns anfragen" description="Sichern Sie sich Ihren Platz im Stadtcafe Vöcklabruck. Oder rufen Sie uns direkt an: 07672 23462" buttons={[{ text: "Anfrage senden", href: "#" }]} background={{ variant: "plain" }} useInvertedBackground={false} />
+        <ContactCTA tag="Reservation" title="Book Now" description="Reserve your spot" buttons={[{ text: "Book" }]} background={{ variant: "plain" }} useInvertedBackground={false} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne animationType="slide-up" textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={true} title="Gäste-Stimmen" description="Was unsere Kunden über das Stadtcafe sagen." testimonials={[{ id: "1", name: "Maria W.", role: "Stammgast", company: "Vöcklabruck", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" }, { id: "2", name: "Thomas K.", role: "Besucher", company: "Linz", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148993906.jpg" }, { id: "3", name: "Sabine L.", role: "Feinschmecker", company: "Vöcklabruck", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-waitress-serving-coffee-couple-who-is-eating-cake-cafe_637285-9100.jpg" }, { id: "4", name: "Peter M.", role: "Kaffeeliebhaber", company: "Wien", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414125.jpg" }, { id: "5", name: "Julia H.", role: "Gourmet", company: "Vöcklabruck", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-waiter-holding-digital-tablet-while-taking-order-from-couple-bar_637285-2427.jpg" }]} />
+        <TestimonialCardOne testimonials={[{id: "1", name: "John", role: "CEO", company: "Corp", rating: 5}]} gridVariant="bento-grid" animationType="none" title="Testimonials" description="Reviews" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
-        <FooterBaseReveal logoText="Stadtcafe Vöcklabruck" columns={[{ title: "Service", items: [{ label: "Speisekarte", href: "#menu" }, { label: "Reservierung", href: "#reservation" }] }, { title: "Info", items: [{ label: "Über uns", href: "#about" }, { label: "Kontakt", href: "#contact" }] }]} copyrightText="© 2025 Stadtcafe Vöcklabruck · Impressum · Datenschutz" />
+        <FooterBaseReveal logoText="Brand" columns={[]} />
       </div>
     </ThemeProvider>
   );
-}
+}