Update src/app/menu/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,74 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import TextAbout from "@/components/sections/about/TextAbout";
+import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+
+export default function AboutPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="background-highlight"
+            borderRadius="soft"
+            contentWidth="medium"
+            sizing="mediumLarge"
+            background="floatingGradient"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="layered"
+            headingFontWeight="semibold"
+        >
+            <ReactLenis root>
+                <div id="nav" data-section="nav">
+                    <NavbarLayoutFloatingInline
+                        brandName="Restauracja Goloneczka"
+                        navItems={[
+                            { name: "Menu", id: "menu" },
+                            { name: "O nas", id: "/about" },
+                            { name: "Kontakt", id: "contact" },
+                            { name: "Opinie", id: "testimonials" }
+                        ]}
+                        button={{
+                            text: "Zarezerwuj stolik",                            href: "#contact"
+                        }}
+                    />
+                </div>
+
+                <div id="about" data-section="about">
+                    <TextAbout
+                        title="W Restauracji Goloneczka łączymy dziedzictwo polskich receptur z najwyższą jakością lokalnych produktów. Nasze wnętrze to miejsce, gdzie historia spotyka się z doskonałą gościnnością."
+                        useInvertedBackground={false}
+                    />
+                </div>
+
+                <div id="testimonials" data-section="testimonials">
+                    <TestimonialCardFive
+                        title="Co mówią nasi goście"
+                        description="Zobacz, dlaczego klienci wracają do nas po więcej."
+                        testimonials={[
+                            {
+                                id: "1",                                name: "Anna Kowalska",                                date: "12.05.2024",                                title: "Najlepsza golonka!",                                quote: "Golonka rozpadła się w ustach. Smakuje dokładnie jak u babci. Bardzo polecam to miejsce!",                                tag: "Klient",                                avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing_23-2149361254.jpg"
+                            },
+                            {
+                                id: "2",                                name: "Marek Nowak",                                date: "20.05.2024",                                title: "Domowy klimat",                                quote: "Cudowne miejsce z przepysznym żurkiem. Obsługa przemiła, na pewno wrócimy na obiad.",                                tag: "Klient",                                avatarSrc: "http://img.b2bpic.net/free-photo/man-wearing-t-shirt-gesturing_23-2149393359.jpg"
+                            }
+                        ]}
+                        textboxLayout="default"
+                        useInvertedBackground={true}
+                    />
+                </div>
+
+                <div id="footer" data-section="footer">
+                    <FooterLogoReveal
+                        logoText="Restauracja Goloneczka"
+                        leftLink={{ text: "Polityka prywatności", href: "#" }}
+                        rightLink={{ text: "Kontakt", href: "#contact" }}
+                    />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/gallery/page.tsx

@@ -0,0 +1,59 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+
+export default function GalleryPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="background-highlight"
+            borderRadius="soft"
+            contentWidth="medium"
+            sizing="mediumLarge"
+            background="floatingGradient"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="layered"
+            headingFontWeight="semibold"
+        >
+            <ReactLenis root>
+                <div id="nav" data-section="nav">
+                    <NavbarLayoutFloatingInline
+                        brandName="Restauracja Goloneczka"
+                        navItems={[
+                            { name: "Menu", id: "/menu" },
+                            { name: "Galeria", id: "/gallery" },
+                            { name: "O nas", id: "/" },
+                            { name: "Kontakt", id: "/" }
+                        ]}
+                        button={{ text: "Zarezerwuj stolik", href: "/#contact" }}
+                    />
+                </div>
+
+                <div id="gallery" data-section="gallery">
+                    <ProductCardTwo
+                        title="Nasza Galeria"
+                        description="Zobacz jak wygląda nasza restauracja i nasze pyszne dania."
+                        products={[]}
+                        gridVariant="four-items-2x2-equal-grid"
+                        animationType="blur-reveal"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                    />
+                </div>
+
+                <div id="footer" data-section="footer">
+                    <FooterLogoReveal
+                        logoText="Restauracja Goloneczka"
+                        leftLink={{ text: "Polityka prywatności", href: "#" }}
+                        rightLink={{ text: "Kontakt", href: "/#contact" }}
+                    />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/menu/page.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+
+export default function MenuPage() {
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="background-highlight"
+            borderRadius="soft"
+            contentWidth="medium"
+            sizing="mediumLarge"
+            background="floatingGradient"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="layered"
+            headingFontWeight="semibold"
+        >
+            <ReactLenis root>
+                <div id="nav" data-section="nav">
+                    <NavbarLayoutFloatingInline
+                        brandName="Restauracja Goloneczka"
+                        navItems={[
+                            { name: "Menu", id: "/menu" },
+                            { name: "Galeria", id: "/gallery" },
+                            { name: "O nas", id: "/" },
+                            { name: "Kontakt", id: "/" }
+                        ]}
+                        button={{ text: "Zarezerwuj stolik", href: "/#contact" }}
+                    />
+                </div>
+
+                <div id="menu" data-section="menu">
+                    <ProductCardOne
+                        title="Nasze Specjały"
+                        description="Odkryj autentyczne polskie smaki w naszych starannie przygotowanych daniach."
+                        products={[
+                            { id: "1", name: "Tradycyjna Golonka", price: "58 PLN", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bozbash-soup-with-wooden-spoon-nude-background_140725-134773.jpg" },
+                            { id: "2", name: "Domowe Pierogi z mięsem", price: "32 PLN", imageSrc: "http://img.b2bpic.net/free-photo/gyurza-white-plate-with-sumac-sour-cream_141793-291.jpg" },
+                            { id: "3", name: "Żurek Staropolski", price: "24 PLN", imageSrc: "http://img.b2bpic.net/free-photo/yogurt-dovga-with-greens-inside-round-white-plate-along-with-bread-loafs-eggs-grey-table_140725-15060.jpg" }
+                        ]}
+                        gridVariant="three-columns-all-equal-width"
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                    />
+                </div>
+
+                <div id="footer" data-section="footer">
+                    <FooterLogoReveal
+                        logoText="Restauracja Goloneczka"
+                        leftLink={{ text: "Polityka prywatności", href: "#" }}
+                        rightLink={{ text: "Kontakt", href: "/#contact" }}
+                    />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/page.tsx

@@ -7,9 +7,9 @@ import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import TextAbout from "@/components/sections/about/TextAbout";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
-import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
+import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
-import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
+import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
-import ContactText from "@/components/sections/contact/ContactText";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import { Utensils } from "lucide-react";
 
@@ -32,10 +32,10 @@ export default function PolishRestaurantPage() {
                     <NavbarLayoutFloatingInline
                         brandName="Restauracja Goloneczka"
                         navItems={[
-                            { name: "Menu", id: "menu" },
+                            { name: "Menu", id: "/menu" },
+                            { name: "Galeria", id: "/gallery" },
                             { name: "O nas", id: "about" },
-                            { name: "Kontakt", id: "contact" },
+                            { name: "Kontakt", id: "contact" }
-                            { name: "Opinie", id: "testimonials" }
                         ]}
                         button={{
                             text: "Zarezerwuj stolik",                            href: "#contact"
@@ -54,7 +54,7 @@ export default function PolishRestaurantPage() {
                         imageAlt="Tradycyjna polska golonka z dodatkami"
                         buttons={[
                             { text: "Zarezerwuj stolik", href: "#contact" },
-                            { text: "Zobacz menu", href: "#menu" }
+                            { text: "Zobacz menu", href: "/menu" }
                         ]}
                     />
                 </div>
@@ -69,82 +69,6 @@ export default function PolishRestaurantPage() {
                     />
                 </div>
 
-                <div id="menu" data-section="menu">
-                    <ProductCardOne
-                        title="Nasze Specjały"
-                        description="Odkryj autentyczne polskie smaki w naszych starannie przygotowanych daniach."
-                        products={[
-                            {
-                                id: "1",                                name: "Tradycyjna Golonka",                                price: "58 PLN",                                imageSrc: "http://img.b2bpic.net/free-photo/top-view-bozbash-soup-with-wooden-spoon-nude-background_140725-134773.jpg"
-                            },
-                            {
-                                id: "2",                                name: "Domowe Pierogi z mięsem",                                price: "32 PLN",                                imageSrc: "http://img.b2bpic.net/free-photo/gyurza-white-plate-with-sumac-sour-cream_141793-291.jpg"
-                            },
-                            {
-                                id: "3",                                name: "Żurek Staropolski",                                price: "24 PLN",                                imageSrc: "http://img.b2bpic.net/free-photo/yogurt-dovga-with-greens-inside-round-white-plate-along-with-bread-loafs-eggs-grey-table_140725-15060.jpg"
-                            }
-                        ]}
-                        gridVariant="three-columns-all-equal-width"
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={false}
-                    />
-                </div>
-
-                <div id="impact" data-section="impact">
-                    <MetricCardFourteen
-                        title="Dlaczego my?"
-                        tag="W liczbach"
-                        metrics={[
-                            { id: "1", value: "15 lat", description: "Pielęgnowania tradycji polskiego stołu" },
-                            { id: "2", value: "100%", description: "Naturalne składniki od lokalnych dostawców" }
-                        ]}
-                        metricsAnimation="slide-up"
-                        useInvertedBackground={true}
-                    />
-                </div>
-
-                <div id="testimonials" data-section="testimonials">
-                    <TestimonialCardTen
-                        title="Co mówią nasi goście"
-                        description="Zobacz, dlaczego klienci wracają do nas po więcej."
-                        testimonials={[
-                            {
-                                id: "1",                                title: "Najlepsza golonka!",                                quote: "Golonka rozpadła się w ustach. Smakuje dokładnie jak u babci. Bardzo polecam to miejsce!",                                name: "Anna Kowalska",                                role: "Stała klientka"
-                            },
-                            {
-                                id: "2",                                title: "Domowy klimat",                                quote: "Cudowne miejsce z przepysznym żurkiem. Obsługa przemiła, na pewno wrócimy na obiad.",                                name: "Marek Nowak",                                role: "Turysta"
-                            }
-                        ]}
-                        textboxLayout="default"
-                        useInvertedBackground={true}
-                    />
-                </div>
-
-                <div id="comparison" data-section="comparison">
-                    <FeatureCardSixteen
-                        title="Jakość bez kompromisów"
-                        description="Stawiamy na autentyczność, której nie znajdziesz w sieciowych lokalach."
-                        animationType="slide-up"
-                        textboxLayout="default"
-                        useInvertedBackground={false}
-                        negativeCard={{ items: ["Mrożone półprodukty", "Szybka produkcja", "Brak klimatu"] }}
-                        positiveCard={{ items: ["Świeże dostawy codziennie", "Gotowane na wolnym ogniu", "Przytulny, polski klimat"] }}
-                    />
-                </div>
-
-                <div id="contact" data-section="contact">
-                    <ContactText
-                        text="Zapraszamy do kontaktu i rezerwacji stolików. Jesteśmy dostępni pod telefonem każdego dnia od godziny 12:00."
-                        background={{ variant: "plain" }}
-                        buttons={[
-                            { text: "Zadzwoń teraz", href: "tel:+48123456789" },
-                            { text: "Napisz e-mail", href: "mailto:kontakt@goloneczka.pl" }
-                        ]}
-                        useInvertedBackground={false}
-                    />
-                </div>
-
                 <div id="footer" data-section="footer">
                     <FooterLogoReveal
                         logoText="Restauracja Goloneczka"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #fcf6ec;
-  --card: #ffffff;
+  --card: #f3ede2;
-  --foreground: #1c1c1c;
+  --foreground: #2e2521;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #2e2521;
   --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1c1c1c;
-  --accent: #e63946;
+  --accent: #b2a28b;
-  --background-accent: #e8bea8;
+  --background-accent: #b2a28b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);