Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -2,12 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { MessageSquare, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -64,15 +65,16 @@ export default function LandingPage() {
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardSix
+          <TestimonialCardThirteen
             animationType="slide-up"
             textboxLayout="split"
-            useInvertedBackground={false}
+            useInvertedBackground={true}
+            showRating={true}
             testimonials={[
-              { id: "1", name: "Marek Nowak", handle: "@marek", testimonial: "Kebab petarda, zdecydowanie najlepszy w mieście!", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-brunette-woman-with-smile-her-face-looks-camera-pink-background-lifestyle-concept_197531-31360.jpg" },
-              { id: "2", name: "Anna Kowalska", handle: "@ania", testimonial: "Pizza zawsze świeża i gorąca. Polecam serdecznie.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-street_641386-1075.jpg" },
-              { id: "3", name: "Tomasz Zieliński", handle: "@tom", testimonial: "Burgery to prawdziwy sztos. Dużo mięsa i świetny sos.", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-drinking-coffee-cafe_1303-24976.jpg" },
-              { id: "4", name: "Kasia Dąbrowska", handle: "@kasia", testimonial: "Szybka dostawa i zawsze przemiła obsługa. 10/10!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-slavic-middle-aged-male-barber-uniform-showing-look-gesture-isolated-pink-wall_141793-83022.jpg" },
+              { id: "1", name: "Marek Nowak", handle: "@marek", testimonial: "Kebab petarda, zdecydowanie najlepszy w mieście!", rating: 5, icon: MessageSquare },
+              { id: "2", name: "Anna Kowalska", handle: "@ania", testimonial: "Pizza zawsze świeża i gorąca. Polecam serdecznie.", rating: 5, icon: MessageSquare },
+              { id: "3", name: "Tomasz Zieliński", handle: "@tom", testimonial: "Burgery to prawdziwy sztos. Dużo mięsa i świetny sos.", rating: 5, icon: MessageSquare },
+              { id: "4", name: "Kasia Dąbrowska", handle: "@kasia", testimonial: "Szybka dostawa i zawsze przemiła obsługa. 10/10!", rating: 5, icon: MessageSquare },
             ]}
             title="Co mówią nasi klienci?"
             description="Dołącz do grona zadowolonych smakoszy."
@@ -80,21 +82,20 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactText
-            useInvertedBackground={false}
+          <ContactCTA
+            useInvertedBackground={true}
+            tag="Kontakt"
+            title="Masz ochotę na coś pysznego?"
+            description="Nie czekaj – zadzwoń teraz i zamów swoje ulubione danie!"
+            buttons={[{ text: "Zadzwoń teraz", href: "tel:+48123456789" }]}
             background={{ variant: "sparkles-gradient" }}
-            text="Masz ochotę na coś pysznego? Nie czekaj – zadzwoń teraz i zamów swoje ulubione danie!"
-            buttons={[{ text: "Zadzwoń teraz: 123 456 789", href: "tel:+48123456789" }]}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterLogoEmphasis
-            columns={[
-              { items: [{ label: "Menu", href: "#menu" }, { label: "Opinie", href: "#testimonials" }] },
-              { items: [{ label: "Kontakt", href: "#contact" }, { label: "Polityka Prywatności", href: "#" }] },
-            ]}
+          <FooterCard
             logoText="La Castella"
+            socialLinks={[{ icon: Phone, href: "tel:+48123456789", ariaLabel: "Telefon" }]}
           />
         </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #ff3d4a;
+  --background: #050505;
+  --card: #0c0c0c;
+  --foreground: #f5f5f5;
+  --primary-cta: #d4af37;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #1c1c1c;
   --secondary-cta-text: #ffffff;
-  --accent: #b8111f;
-  --background-accent: #51000b;
+  --accent: #b8860b;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);