Merge version_2 into main

Merge version_2 into main

src/app/about-us/page.tsx

@@ -0,0 +1,73 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import { Facebook, MapPin } from 'lucide-react';
+
+export default function AboutUsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="compact"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Główna", id: "/"},
+              { name: "O nas", id: "/about-us"},
+              { name: "Usługi", id: "/#services"},
+              { name: "Pakiety", id: "/#packages"},
+              { name: "Cennik", id: "/#pricing"},
+              { name: "Opinie", id: "/#testimonials"},
+              { name: "Kontakt", id: "/#contact"}
+            ]}
+            brandName="AutoRust Protect"
+          />
+        </div>
+
+        <div id="about-us" data-section="about-us">
+          <MetricSplitMediaAbout
+            title="O AutoRust Protect"
+            description="Jesteśmy zespołem pasjonatów motoryzacji, specjalizującym się w kompleksowej ochronie podwozi samochodów. Nasza misja to zapewnienie długowieczności i bezpieczeństwa Twojego pojazdu poprzez profesjonalne usługi antykorozyjne i konserwacyjne."
+            metrics={[
+              { value: "10+", title: "Lat doświadczenia" },
+              { value: "500+", title: "Zabezpieczonych pojazdów" },
+              { value: "99%", title: "Zadowolonych klientów" }
+            ]}
+            useInvertedBackground={false}
+            imageSrc="http://img.b2bpic.net/free-photo/diverse-colleagues-discussing-work-office_23-2149028886.jpg"
+            imageAlt="Team working in an office"
+            mediaAnimation="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="AutoRust Protect"
+            copyrightText="© 2024 AutoRust Protect. Wszelkie prawa zastrzeżone."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "https://www.facebook.com/p/AutoRust-Protect-Konserwacja-podwozia-61564736897226/", ariaLabel: "Facebook link"},
+              {
+                icon: MapPin,
+                href: "https://www.google.com/maps/place/AutoRust+Protect+-+Konserwacja+zabezpieczenie+podwozi/@51.7288673,19.539869,17z/data=!3m1!4b1!4m6!3m5!1s0x471bb57233f20739:0x2213796245d8b857!8m2!3d51.7288673!4d19.5424439!16s%2Fg%2F11vv4800y?hl=pl&entry=ttu", ariaLabel: "Google Maps link"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -200,9 +200,9 @@ export default function LandingPage() {
         variant: "plain"}}
       tag="Kontakt"
       title="Skontaktuj się z Nami"
-      description="Gotowy na zabezpieczenie swojego pojazdu? Wypełnij formularz lub zadzwoń, a my odpowiemy najszybciej, jak to możliwe. Zapraszamy do naszego warsztatu w Łodzi."
-      imageSrc="http://img.b2bpic.net/free-photo/empty-basketball-field_23-2149231820.jpg"
-      imageAlt="modern car workshop exterior"
+      description="Masz pytania lub chcesz umówić wizytę? Wypełnij poniższy formularz, zadzwoń do nas lub odwiedź nasz warsztat.\nJesteśmy dostępni, aby pomóc Twojemu samochodowi!\n\n**AutoRust Protect**\nul. Piotrkowska 123, 90-006 Łódź\nTelefon: +48 123 456 789\nEmail: kontakt@autorustprotect.pl\n\nGodziny otwarcia:\nPon-Pt: 9:00 - 17:00\nSob: 9:00 - 13:00\nNiedziela: Zamknięte\n\nZnajdź nas na mapie i śledź nasze media społecznościowe w stopce strony."
+      imageSrc="http://img.b2bpic.net/free-photo/mechanic-examining-car_107420-95949.jpg"
+      imageAlt="mechanic inspecting car in workshop"
       mediaAnimation="slide-up"
       inputPlaceholder="Wpisz swój adres e-mail"
       buttonText="Wyślij zapytanie"

src/app/product-categories/page.tsx

@@ -0,0 +1,82 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import { Facebook, MapPin, ArrowRight } from 'lucide-react';
+
+export default function ProductCategoriesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="compact"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+                { name: "Główna", id: "/" },
+                { name: "Usługi", id: "/#services" },
+                { name: "Pakiety", id: "/#packages" },
+                { name: "Cennik", id: "/#pricing" },
+                { name: "Kategorie Produktów", id: "/product-categories" },
+                { name: "Opinie", id: "/#testimonials" },
+                { name: "Kontakt", id: "/#contact" }
+            ]}
+            brandName="AutoRust Protect"
+          />
+        </div>
+
+        <div id="product-categories-intro" data-section="product-categories-intro">
+          <FeatureCardTwentySix
+            title="Nasze Kategorie Produktów Hurtowych"
+            description="Odkryj naszą różnorodną ofertę produktów hurtowych, idealną dla Twojego biznesu. Poniżej znajdziesz kategorie, które pomogą Ci szybko znaleźć to, czego potrzebujesz."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Elektronika Użytkowa",                description: "Szeroki wybór elektroniki, od smartfonów po akcesoria komputerowe, w konkurencyjnych cenach hurtowych.",                imageSrc: "https://img.b2bpic.net/free-photo/modern-gadgets-collection_23-2149341490.jpg",                imageAlt: "wholesale electronics products",                buttonIcon: ArrowRight
+              },
+              {
+                title: "Odzież i Akcesoria",                description: "Modna odzież męska, damska i dziecięca, a także bogata oferta akcesoriów, idealna dla sklepów odzieżowych.",                imageSrc: "https://img.b2bpic.net/free-photo/fashion-clothes-hanger-composition_23-2149360589.jpg",                imageAlt: "wholesale apparel and accessories",                buttonIcon: ArrowRight
+              },
+              {
+                title: "Artykuły Gospodarstwa Domowego",                description: "Funkcjonalne i estetyczne produkty do domu, od kuchni po salon, dla sklepów z wyposażeniem wnętrz.",                imageSrc: "https://img.b2bpic.net/free-photo/set-plastic-kitchen-ware-utensils_23-2148767664.jpg",                imageAlt: "wholesale home goods",                buttonIcon: ArrowRight
+              },
+              {
+                title: "Materiały Przemysłowe",                description: "Wysokiej jakości komponenty i materiały dla branży produkcyjnej i budowlanej.",                imageSrc: "https://img.b2bpic.net/free-photo/steel-pipes-construction-site_1122-1983.jpg",                imageAlt: "wholesale industrial supplies",                buttonIcon: ArrowRight
+              },
+              {
+                title: "Żywność i Napoje",                description: "Szeroki asortyment produktów spożywczych, świeżych i pakowanych, oraz napojów dla gastronomii i handlu.",                imageSrc: "https://img.b2bpic.net/free-photo/assortment-fresh-fruits-vegetables-market_23-2149721727.jpg",                imageAlt: "wholesale food and beverages",                buttonIcon: ArrowRight
+              },
+              {
+                title: "Części Samochodowe",                description: "Oryginalne i zamienne części samochodowe, oleje, płyny i akcesoria do warsztatów i sklepów motoryzacyjnych.",                imageSrc: "https://img.b2bpic.net/free-photo/car-engine-repair_23-2149386377.jpg",                imageAlt: "wholesale automotive parts",                buttonIcon: ArrowRight
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="AutoRust Protect"
+            copyrightText="© 2024 AutoRust Protect. Wszelkie prawa zastrzeżone."
+            socialLinks={[
+              { icon: Facebook, href: "https://www.facebook.com/p/AutoRust-Protect-Konserwacja-podwozia-61564736897226/", ariaLabel: "Facebook link" },
+              { icon: MapPin, href: "https://www.google.com/maps/place/AutoRust+Protect+-+Konserwacja-zabezpieczenie-podwozi/@51.7288673,19.539869,17z/data=!3m1!4b1!4m6!3m5!1s0x471bb57233f20739:0x2213796245d8b857!8m2!3d51.7288673!4d19.5424439!16s%2Fg%2F11vv4800y?hl=pl&entry=ttu", ariaLabel: "Google Maps link" }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/base.css

@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1f3251;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);