Merge version_2 into main

2026-05-02 15:37:34 +00:00
parent 2cdd1b9491 efa648a3f7
commit e442d60e60
5 changed files with 170 additions and 137 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -5,50 +5,59 @@ import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Award, Heart, Users } from "lucide-react";

 export default function AboutPage() {
  return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Start", id: "/" },
-            { name: "O nas", id: "/about" },
-            { name: "Oferta", id: "/#features" },
-            { name: "Zespół", id: "/#team" },
-            { name: "Opinie", id: "/#testimonials" },
-            { name: "FAQ", id: "/faq" },
-            { name: "Kontakt", id: "/contact" },
-          ]}
-          brandName="OTR Starówka"
-          button={{ text: "Kontakt", href: "/contact" }}
-        />
-        <AboutMetric
-          title="O nas"
-          metrics={[
-            { icon: Users, label: "Rodzin pod opieką", value: "1500+" },
-            { icon: Award, label: "Lata doświadczenia", value: "12+" },
-            { icon: Heart, label: "Pozytywne historie", value: "98%" },
-          ]}
-          metricsAnimation="slide-up"
-        />
-        <TestimonialCardFive
-          title="Opinie naszych pacjentów"
-          description="Dowiedz się, jak nasza praca wpłynęła na życie rodzin w Radomiu."
-          testimonials={[
-            { id: "1", name: "Katarzyna W.", date: "2024-05", title: "Wielka zmiana", quote: "Dzięki terapii znów potrafimy ze sobą rozmawiać.", tag: "Terapia par", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg" },
-            { id: "2", name: "Michał S.", date: "2024-03", title: "Bardzo polecam", quote: "Profesjonalne podejście i mnóstwo empatii.", tag: "Wychowanie", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg" }
-          ]}
-        />
-        <FooterBaseCard
-          logoText="OTR Starówka"
-          columns={[
-            { title: "Kontakt", items: [{ label: "ul. Główna 1, Radom", href: "#" }, { label: "Tel: +48 000 000 000", href: "tel:+48000000000" }] },
-            { title: "Prawne", items: [{ label: "Polityka Prywatności", href: "#" }] },
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Start", id: "/" },
+              { name: "O nas", id: "/about" },
+              { name: "Oferta", id: "/services" },
+              { name: "Zespół", id: "/team" },
+              { name: "Opinie", id: "/about" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Kontakt", id: "/contact" },
+            ]}
+            brandName="OTR Starówka"
+            button={{ text: "Kontakt", href: "/contact" }}
+          />
+        </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            title="O nas"
+            metrics={[
+              { icon: Users, label: "Rodzin pod opieką", value: "1500+" },
+              { icon: Award, label: "Lata doświadczenia", value: "12+" },
+              { icon: Heart, label: "Pozytywne historie", value: "98%" },
+            ]}
+            metricsAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            title="Opinie naszych pacjentów"
+            description="Dowiedz się, jak nasza praca wpłynęła na życie rodzin w Radomiu."
+            testimonials={[
+              { id: "1", name: "Katarzyna W.", date: "2024-05", title: "Wielka zmiana", quote: "Dzięki terapii znów potrafimy ze sobą rozmawiać.", tag: "Terapia par", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg" },
+              { id: "2", name: "Michał S.", date: "2024-03", title: "Bardzo polecam", quote: "Profesjonalne podejście i mnóstwo empatii.", tag: "Wychowanie", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg" }
+            ]}
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="OTR Starówka"
+            leftLink={{ text: "Polityka Prywatności", href: "#" }}
+            rightLink={{ text: "Kontakt", href: "/contact" }}
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -4,37 +4,41 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ContactText from '@/components/sections/contact/ContactText';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

 export default function ContactPage() {
  return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Start", id: "/" },
-            { name: "O nas", id: "/about" },
-            { name: "Oferta", id: "/#features" },
-            { name: "Zespół", id: "/#team" },
-            { name: "Opinie", id: "/#testimonials" },
-            { name: "FAQ", id: "/faq" },
-            { name: "Kontakt", id: "/contact" },
-          ]}
-          brandName="OTR Starówka"
-          button={{ text: "Kontakt", href: "/contact" }}
-        />
-        <ContactText
-          background={{ variant: "gradient-bars" }}
-          text="Zapraszamy do kontaktu. Nasz gabinet znajduje się w samym sercu Radomia przy ulicy Główna 1."
-          buttons={[{ text: "Zadzwoń teraz", href: "tel:+48000000000" }]}
-        />
-        <FooterBaseCard
-          logoText="OTR Starówka"
-          columns={[
-            { title: "Kontakt", items: [{ label: "ul. Główna 1, Radom", href: "#" }, { label: "Tel: +48 000 000 000", href: "tel:+48000000000" }] },
-            { title: "Prawne", items: [{ label: "Polityka Prywatności", href: "#" }] },
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Start", id: "/" },
+              { name: "O nas", id: "/about" },
+              { name: "Oferta", id: "/services" },
+              { name: "Zespół", id: "/team" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Kontakt", id: "/contact" },
+            ]}
+            brandName="OTR Starówka"
+            button={{ text: "Kontakt", href: "/contact" }}
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            background={{ variant: "gradient-bars" }}
+            text="Zapraszamy do kontaktu. Nasz gabinet znajduje się w samym sercu Radomia przy ulicy Główna 1."
+            buttons={[{ text: "Zadzwoń teraz", href: "tel:+48000000000" }]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="OTR Starówka"
+            leftLink={{ text: "Polityka Prywatności", href: "#" }}
+            rightLink={{ text: "Kontakt", href: "/contact" }}
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
--- a/src/app/faq/page.tsx
+++ b/src/app/faq/page.tsx
@@ -4,42 +4,47 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

 export default function FaqPage() {
  return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Start", id: "/" },
-            { name: "O nas", id: "/about" },
-            { name: "Oferta", id: "/#features" },
-            { name: "Zespół", id: "/#team" },
-            { name: "Opinie", id: "/#testimonials" },
-            { name: "FAQ", id: "/faq" },
-            { name: "Kontakt", id: "/contact" },
-          ]}
-          brandName="OTR Starówka"
-          button={{ text: "Kontakt", href: "/contact" }}
-        />
-        <FaqDouble
-          title="Często zadawane pytania"
-          description="Znajdź odpowiedzi na najważniejsze kwestie dotyczące naszej terapii."
-          faqs={[
-            { id: "q1", title: "Ile trwa wizyta?", content: "Sesja terapeutyczna trwa zazwyczaj 50 minut." },
-            { id: "q2", title: "Jak się umówić?", content: "Można umówić się telefonicznie lub przez formularz online." },
-            { id: "q3", title: "Czy terapia jest poufna?", content: "Tak, każdy specjalista jest objęty tajemnicą zawodową." },
-          ]}
-          faqsAnimation="blur-reveal"
-        />
-        <FooterBaseCard
-          logoText="OTR Starówka"
-          columns={[
-            { title: "Kontakt", items: [{ label: "ul. Główna 1, Radom", href: "#" }, { label: "Tel: +48 000 000 000", href: "tel:+48000000000" }] },
-            { title: "Prawne", items: [{ label: "Polityka Prywatności", href: "#" }] },
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Start", id: "/" },
+              { name: "O nas", id: "/about" },
+              { name: "Oferta", id: "/services" },
+              { name: "Zespół", id: "/team" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Kontakt", id: "/contact" },
+            ]}
+            brandName="OTR Starówka"
+            button={{ text: "Kontakt", href: "/contact" }}
+          />
+        </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            title="Często zadawane pytania"
+            description="Znajdź odpowiedzi na najważniejsze kwestie dotyczące naszej terapii."
+            faqs={[
+              { id: "q1", title: "Ile trwa wizyta?", content: "Sesja terapeutyczna trwa zazwyczaj 50 minut." },
+              { id: "q2", title: "Jak się umówić?", content: "Można umówić się telefonicznie lub przez formularz online." },
+              { id: "q3", title: "Czy terapia jest poufna?", content: "Tak, każdy specjalista jest objęty tajemnicą zawodową." },
+            ]}
+            faqsAnimation="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="OTR Starówka"
+            leftLink={{ text: "Polityka Prywatności", href: "#" }}
+            rightLink={{ text: "Kontakt", href: "/contact" }}
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -3,48 +3,57 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import ContactText from '@/components/sections/contact/ContactText';

 export default function ServicesPage() {
  return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Strona główna", id: "/" },
-            { name: "Terapia i usługi", id: "/services" },
-            { name: "Nasz zespół", id: "/team" },
-          ]}
-          brandName="OTR Starówka"
-          button={{ text: "Kontakt", href: "/contact" }}
-        />
-        <div className="pt-32 pb-20">
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Start", id: "/" },
+              { name: "O nas", id: "/about" },
+              { name: "Oferta", id: "/services" },
+              { name: "Zespół", id: "/team" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Kontakt", id: "/contact" },
+            ]}
+            brandName="OTR Starówka"
+            button={{ text: "Kontakt", href: "/contact" }}
+          />
+        </div>
+        <div id="features" data-section="features">
          <FeatureCardMedia
            animationType="slide-up"
            textboxLayout="split"
            title="Nasza Oferta Terapeutyczna"
            description="Profesjonalna pomoc dla każdego członka rodziny."
            features={[
-                { id: "s1", title: "Terapia par", description: "Wspólna praca nad relacją." },
-                { id: "s2", title: "Terapia indywidualna", description: "Wsparcie w rozwoju osobistym." },
-                { id: "s3", title: "Wsparcie dzieci", description: "Pomoc w trudnościach szkolnych i emocjonalnych." }
+                { id: "s1", title: "Terapia par", description: "Wspólna praca nad relacją.", tag: "Terapia" },
+                { id: "s2", title: "Terapia indywidualna", description: "Wsparcie w rozwoju osobistym.", tag: "Terapia" },
+                { id: "s3", title: "Wsparcie dzieci", description: "Pomoc w trudnościach szkolnych i emocjonalnych.", tag: "Terapia" }
            ]}
+            useInvertedBackground={false}
          />
+        </div>
+        <div id="contact" data-section="contact">
          <ContactText
            background={{ variant: "gradient-bars" }}
            text="Chcesz umówić wizytę?"
            buttons={[{ text: "Kontakt", href: "/contact" }]}
+            useInvertedBackground={false}
          />
        </div>
-        <FooterBaseCard
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
            logoText="OTR Starówka"
-            columns={[
-                { title: "Strony", items: [{ label: "Strona główna", href: "/" }, { label: "Terapia", href: "/services" }, { label: "Zespół", href: "/team" }] },
-                { title: "Kontakt", items: [{ label: "ul. Główna 1, Radom", href: "#" }] }
-            ]}
-        />
+            leftLink={{ text: "Polityka Prywatności", href: "#" }}
+            rightLink={{ text: "Kontakt", href: "/contact" }}
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
--- a/src/app/team/page.tsx
+++ b/src/app/team/page.tsx
@@ -3,23 +3,28 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';

 export default function TeamPage() {
  return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
      <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Strona główna", id: "/" },
-            { name: "Terapia i usługi", id: "/services" },
-            { name: "Nasz zespół", id: "/team" },
-          ]}
-          brandName="OTR Starówka"
-          button={{ text: "Kontakt", href: "/contact" }}
-        />
-        <div className="pt-32 pb-20">
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Start", id: "/" },
+              { name: "O nas", id: "/about" },
+              { name: "Oferta", id: "/services" },
+              { name: "Zespół", id: "/team" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Kontakt", id: "/contact" },
+            ]}
+            brandName="OTR Starówka"
+            button={{ text: "Kontakt", href: "/contact" }}
+          />
+        </div>
+        <div id="team" data-section="team">
          <TeamCardOne
            animationType="slide-up"
            textboxLayout="default"
@@ -30,15 +35,16 @@ export default function TeamPage() {
              { id: "t1", name: "Anna Kowalska", role: "Terapeuta Rodzinny" },
              { id: "t2", name: "Marek Nowak", role: "Psycholog" }
            ]}
+            useInvertedBackground={false}
          />
        </div>
-        <FooterBaseCard
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
            logoText="OTR Starówka"
-            columns={[
-                { title: "Strony", items: [{ label: "Strona główna", href: "/" }, { label: "Terapia", href: "/services" }, { label: "Zespół", href: "/team" }] },
-                { title: "Kontakt", items: [{ label: "ul. Główna 1, Radom", href: "#" }] }
-            ]}
-        />
+            leftLink={{ text: "Polityka Prywatności", href: "#" }}
+            rightLink={{ text: "Kontakt", href: "/contact" }}
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );