Update src/app/styles/variables.css

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";
 
@@ -105,15 +105,15 @@ export default function PolishRestaurantPage() {
                 </div>
 
                 <div id="testimonials" data-section="testimonials">
-                    <TestimonialCardTen
+                    <TestimonialCardFive
                         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: "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",                                title: "Domowy klimat",                                quote: "Cudowne miejsce z przepysznym żurkiem. Obsługa przemiła, na pewno wrócimy na obiad.",                                name: "Marek Nowak",                                role: "Turysta"
+                                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"
@@ -122,26 +122,33 @@ export default function PolishRestaurantPage() {
                 </div>
 
                 <div id="comparison" data-section="comparison">
-                    <FeatureCardSixteen
+                    <FeatureCardTwentyNine
                         title="Jakość bez kompromisów"
                         description="Stawiamy na autentyczność, której nie znajdziesz w sieciowych lokalach."
+                        features={[
+                            { title: "Świeże dostawy codziennie", description: "Codziennie rano zaopatrujemy się u zaufanych lokalnych rolników.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-with-wicker-basket_1150-13768.jpg", titleIconSrc: "http://img.b2bpic.net/free-icon/check_2311681.png", buttonText: "Dowiedz się więcej" },
+                            { title: "Gotowane na wolnym ogniu", description: "Czas to nasz najważniejszy składnik, pozwalający wydobyć pełnię smaku.", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-food-in-restaurant-kitchen_1150-35805.jpg", titleIconSrc: "http://img.b2bpic.net/free-icon/pot_2311681.png", buttonText: "Zobacz kuchnię" }
+                        ]}
+                        gridVariant="two-columns-alternating-heights"
                         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
+                    <ContactSplitForm
-                        text="Zapraszamy do kontaktu i rezerwacji stolików. Jesteśmy dostępni pod telefonem każdego dnia od godziny 12:00."
+                        title="Rezerwacja stolika"
-                        background={{ variant: "plain" }}
+                        description="Wypełnij formularz, aby zapewnić sobie miejsce w naszej restauracji. Skontaktujemy się z Tobą w celu potwierdzenia."
-                        buttons={[
+                        inputs={[
-                            { text: "Zadzwoń teraz", href: "tel:+48123456789" },
+                            { name: "name", type: "text", placeholder: "Imię i nazwisko", required: true },
-                            { text: "Napisz e-mail", href: "mailto:kontakt@goloneczka.pl" }
+                            { name: "email", type: "email", placeholder: "Twój e-mail", required: true },
+                            { name: "phone", type: "tel", placeholder: "Numer telefonu", required: true }
                         ]}
-                        useInvertedBackground={false}
+                        textarea={{ name: "message", placeholder: "Dodatkowe życzenia?", rows: 3 }}
+                        buttonText="Zarezerwuj"
+                        useInvertedBackground={true}
+                        imageSrc="http://img.b2bpic.net/free-photo/interior-modern-restaurant-restaurant-hall_1150-14981.jpg"
                     />
                 </div>
 

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);