Merge version_4 into main

Merge version_4 into main

src/app/about/page.tsx

@@ -0,0 +1,83 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="largeSizeMediumTitles"
+        background="grid"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "Strona główna",                id: "/"
+              },
+              {
+                name: "About Us",                id: "/about"
+              },
+              {
+                name: "Kierunki",                id: "destinations"
+              },
+              {
+                name: "Wycieczki",                id: "morocco-tours"
+              },
+              {
+                name: "Jednodniowe",                id: "day-trips"
+              },
+              {
+                name: "Dlaczego my",                id: "why-us"
+              },
+              {
+                name: "Opinie",                id: "testimonials"
+              },
+              {
+                name: "FAQ",                id: "faq"
+              },
+              {
+                name: "Kontakt",                id: "contact"
+              }
+            ]}
+            brandName="Morocco Wonder Travel"
+          />
+        </div>
+
+        <div id="about-us" data-section="about-us">
+          <TextSplitAbout
+            title="About Morocco Wonder Travel"
+            description={[
+              "Welcome to Morocco Wonder Travel, your premier partner for unforgettable journeys across the enchanting landscapes of Morocco.",              "Founded in 2025, we specialize in crafting personalized private tours that unveil the magic of this vibrant country, from the ancient medinas to the vast Sahara dunes. Our mission is to provide an authentic, comfortable, and flexible travel experience tailored to your unique desires.",              "We pride ourselves on our experienced multilingual guides, modern 4x4 vehicles, and hand-picked accommodations, ensuring every moment of your adventure is seamless and extraordinary. Discover Morocco with us – where every trip is a story waiting to be told."
+            ]}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Morocco Wonder Travel"
+            leftLink={{
+              text: "Strona główna",              href: "/"
+            }}
+            rightLink={{
+              text: "Kontakt",              href: "/#contact"
+            }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact-us/page.tsx

@@ -0,0 +1,72 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ContactUsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="largeSizeMediumTitles"
+        background="grid"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Strona główna", id: "/" },
+              { name: "Kierunki", id: "destinations" },
+              { name: "Wycieczki", id: "morocco-tours" },
+              { name: "Jednodniowe", id: "day-trips" },
+              { name: "Dlaczego my", id: "why-us" },
+              { name: "Opinie", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+              { name: "Kontakt", id: "/contact-us" }
+            ]}
+            brandName="Morocco Wonder Travel"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Skontaktuj się z nami"
+            description="Masz pytania lub chcesz zaplanować swoją wymarzoną podróż do Maroka? Wypełnij formularz, a my skontaktujemy się z Tobą najszybciej, jak to możliwe.\n\nMożesz również skontaktować się z nami bezpośrednio:\nTelefon/WhatsApp: +212 771 33 02 07\nEmail: info.moroccowondertravel@gmail.com\nNasza lokalizacja: Marrakech, Maroko"
+            inputs={[
+              { name: "Imię", type: "text", placeholder: "Twoje imię", required: true },
+              { name: "Email", type: "email", placeholder: "Twój adres email", required: true },
+              { name: "Telefon", type: "tel", placeholder: "Numer telefonu (opcjonalnie)" }
+            ]}
+            textarea={{
+              name: "Wiadomość",              placeholder: "Twoja wiadomość",              rows: 5,
+              required: true
+            }}
+            imageSrc="http://img.b2bpic.net/free-photo/flat-lay-map-with-camera-toy-plane_23-2148255937.jpg?_wi=1"
+            imageAlt="Map of Morocco highlighting popular travel routes"
+            mediaAnimation="blur-reveal"
+            mediaPosition="right"
+            buttonText="Wyślij wiadomość"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Morocco Wonder Travel"
+            leftLink={{ text: "Strona główna", href: "#hero" }}
+            rightLink={{ text: "Kontakt", href: "/contact-us" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/morocco-tours/page.tsx

@@ -0,0 +1,84 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function MoroccoToursPage() {
+  const navItems = [
+    { name: "Strona główna", id: "/" },
+    { name: "Kierunki", id: "destinations" },
+    { name: "Wycieczki", id: "/morocco-tours" },
+    { name: "Jednodniowe", id: "/day-trips" },
+    { name: "Dlaczego my", id: "why-us" },
+    { name: "Opinie", id: "testimonials" },
+    { name: "FAQ", id: "faq" },
+    { name: "Kontakt", id: "contact" }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="largeSizeMediumTitles"
+        background="grid"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={navItems}
+            brandName="Morocco Wonder Travel"
+          />
+        </div>
+
+        <div id="morocco-tours" data-section="morocco-tours">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              {
+                id: "1",                name: "3-dniowa wycieczka z Marrakeszu na Saharę (Merzouga)",                price: "999 PLN",                variant: "3 dni / 2 noce",                imageSrc: "http://img.b2bpic.net/free-photo/camel-caravan-desert-sunrise-ai-generated-image_511042-1678.jpg?_wi=1",                imageAlt: "Camel caravan crossing Merzouga desert dunes at sunset"
+              },
+              {
+                id: "2",                name: "4-dniowa wycieczka z Marrakeszu do Fezu przez Saharę",                price: "1299 PLN",                variant: "4 dni / 3 noce",                imageSrc: "http://img.b2bpic.net/free-photo/spices-market-marrakech_23-2148129825.jpg?_wi=1",                imageAlt: "Group of travelers exploring a Kasbah in Morocco"
+              },
+              {
+                id: "3",                name: "5-dniowa trasa imperialnych miast Maroka",                price: "1499 PLN",                variant: "5 dni / 4 noce",                imageSrc: "http://img.b2bpic.net/free-photo/landscape-hangzhou_1127-3742.jpg?_wi=1",                imageAlt: "Historic buildings in a Moroccan imperial city"
+              },
+              {
+                id: "4",                name: "7-dniowa Grand Tour po Maroku",                price: "2199 PLN",                variant: "7 dni / 6 nocy",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-overweight-couple-traveling-world-world-tourism-day_23-2151700134.jpg?_wi=1",                imageAlt: "Panoramic view of different Moroccan landscapes during a long tour"
+              },
+              {
+                id: "5",                name: "Wycieczka po Atlasie i Kasbach",                price: "799 PLN",                variant: "2 dni / 1 noc",                imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-couple-sitting-rock_23-2148656210.jpg?_wi=1",                imageAlt: "Traditional fortified village (Kasbah) in the Atlas Mountains"
+              },
+              {
+                id: "6",                name: "Odkrywanie Południowego Maroka",                price: "1899 PLN",                variant: "6 dni / 5 noce",                imageSrc: "http://img.b2bpic.net/free-photo/famous-ait-ben-haddou-village_268835-7023.jpg?_wi=1",                imageAlt: "Scenic view of a lush oasis in the Draa Valley"
+              }
+            ]}
+            title="Wycieczki z Marrakeszu"
+            description="Odkryj nasze najpopularniejsze trasy, w tym klasyczną wycieczkę na Saharę, przez Atlas Wysoki i do Fezu."
+            tag="Najlepsze wycieczki po Maroku"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Morocco Wonder Travel"
+            leftLink={{ text: "Strona główna", href: "#hero" }}
+            rightLink={{ text: "Kontakt", href: "/contact-us" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -49,6 +49,9 @@ export default function LandingPage() {
           name: "Kontakt",          id: "contact"},
       ]}
       brandName="Morocco Wonder Travel"
+      button={{
+        text: "WhatsApp",        href: "https://wa.me/212667698834"
+      }}
     />
   </div>
 
@@ -104,17 +107,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "1",          name: "3-dniowa wycieczka z Marrakeszu na Saharę (Merzouga)",          price: "999 PLN",          variant: "3 dni / 2 noce",          imageSrc: "http://img.b2bpic.net/free-photo/camel-caravan-desert-sunrise-ai-generated-image_511042-1678.jpg",          imageAlt: "Camel caravan crossing Merzouga desert dunes at sunset"},
+          id: "1",          name: "3-dniowa wycieczka z Marrakeszu na Saharę (Merzouga)",          price: "",          variant: "3 dni / 2 noce",          imageSrc: "http://img.b2bpic.net/free-photo/camel-caravan-desert-sunrise-ai-generated-image_511042-1678.jpg?_wi=2",          imageAlt: "Camel caravan crossing Merzouga desert dunes at sunset"},
         {
-          id: "2",          name: "4-dniowa wycieczka z Marrakeszu do Fezu przez Saharę",          price: "1299 PLN",          variant: "4 dni / 3 noce",          imageSrc: "http://img.b2bpic.net/free-photo/spices-market-marrakech_23-2148129825.jpg",          imageAlt: "Group of travelers exploring a Kasbah in Morocco"},
+          id: "2",          name: "4-dniowa wycieczka z Marrakeszu do Fezu przez Saharę",          price: "",          variant: "4 dni / 3 noce",          imageSrc: "http://img.b2bpic.net/free-photo/spices-market-marrakech_23-2148129825.jpg?_wi=2",          imageAlt: "Group of travelers exploring a Kasbah in Morocco"},
         {
-          id: "3",          name: "5-dniowa trasa imperialnych miast Maroka",          price: "1499 PLN",          variant: "5 dni / 4 noce",          imageSrc: "http://img.b2bpic.net/free-photo/landscape-hangzhou_1127-3742.jpg",          imageAlt: "Historic buildings in a Moroccan imperial city"},
+          id: "3",          name: "5-dniowa trasa imperialnych miast Maroka",          price: "",          variant: "5 dni / 4 noce",          imageSrc: "http://img.b2bpic.net/free-photo/landscape-hangzhou_1127-3742.jpg?_wi=2",          imageAlt: "Historic buildings in a Moroccan imperial city"},
         {
-          id: "4",          name: "7-dniowa Grand Tour po Maroku",          price: "2199 PLN",          variant: "7 dni / 6 nocy",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-overweight-couple-traveling-world-world-tourism-day_23-2151700134.jpg",          imageAlt: "Panoramic view of different Moroccan landscapes during a long tour"},
+          id: "4",          name: "7-dniowa Grand Tour po Maroku",          price: "",          variant: "7 dni / 6 nocy",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-overweight-couple-traveling-world-world-tourism-day_23-2151700134.jpg?_wi=2",          imageAlt: "Panoramic view of different Moroccan landscapes during a long tour"},
         {
-          id: "5",          name: "Wycieczka po Atlasie i Kasbach",          price: "799 PLN",          variant: "2 dni / 1 noc",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-couple-sitting-rock_23-2148656210.jpg",          imageAlt: "Traditional fortified village (Kasbah) in the Atlas Mountains"},
+          id: "5",          name: "Wycieczka po Atlasie i Kasbach",          price: "",          variant: "2 dni / 1 noc",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-couple-sitting-rock_23-2148656210.jpg?_wi=2",          imageAlt: "Traditional fortified village (Kasbah) in the Atlas Mountains"},
         {
-          id: "6",          name: "Odkrywanie Południowego Maroka",          price: "1899 PLN",          variant: "6 dni / 5 noce",          imageSrc: "http://img.b2bpic.net/free-photo/famous-ait-ben-haddou-village_268835-7023.jpg",          imageAlt: "Scenic view of a lush oasis in the Draa Valley"},
+          id: "6",          name: "Odkrywanie Południowego Maroka",          price: "",          variant: "6 dni / 5 noce",          imageSrc: "http://img.b2bpic.net/free-photo/famous-ait-ben-haddou-village_268835-7023.jpg?_wi=2",          imageAlt: "Scenic view of a lush oasis in the Draa Valley"},
       ]}
       title="Wycieczki z Marrakeszu"
       description="Odkryj nasze najpopularniejsze trasy, w tym klasyczną wycieczkę na Saharę, przez Atlas Wysoki i do Fezu."
@@ -130,17 +133,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",          name: "Wycieczka jednodniowa do wodospadów Ouzoud",          price: "199 PLN",          variant: "1 dzień (~10 h)",          imageSrc: "http://img.b2bpic.net/free-photo/large-waterfall_1160-755.jpg",          imageAlt: "Stunning Ouzoud waterfalls with green surroundings"},
+          id: "1",          name: "Wycieczka jednodniowa do wodospadów Ouzoud",          price: "",          variant: "1 dzień (~10 h)",          imageSrc: "http://img.b2bpic.net/free-photo/large-waterfall_1160-755.jpg",          imageAlt: "Stunning Ouzoud waterfalls with green surroundings"},
         {
-          id: "2",          name: "Wycieczka jednodniowa do Essaouiry",          price: "249 PLN",          variant: "1 dzień (~12 h)",          imageSrc: "http://img.b2bpic.net/free-photo/port-with-old-fishing-boats_181624-55021.jpg",          imageAlt: "Blue fishing boats in the port of Essaouira"},
+          id: "2",          name: "Wycieczka jednodniowa do Essaouiry",          price: "",          variant: "1 dzień (~12 h)",          imageSrc: "http://img.b2bpic.net/free-photo/port-with-old-fishing-boats_181624-55021.jpg",          imageAlt: "Blue fishing boats in the port of Essaouira"},
         {
-          id: "3",          name: "Atlas Wysoki – 3 doliny i wioski berberyjskie",          price: "179 PLN",          variant: "1 dzień (~8 h)",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-landscape-with-rocky-cliffs-green-grassy-field_181624-1219.jpg",          imageAlt: "Berber village nestled in the green Ourika Valley of the Atlas Mountains"},
+          id: "3",          name: "Atlas Wysoki – 3 doliny i wioski berberyjskie",          price: "",          variant: "1 dzień (~8 h)",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-landscape-with-rocky-cliffs-green-grassy-field_181624-1219.jpg",          imageAlt: "Berber village nestled in the green Ourika Valley of the Atlas Mountains"},
         {
-          id: "4",          name: "Górska Przygoda do Imlil",          price: "219 PLN",          variant: "1 dzień (~8 h)",          imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-tandir-bread-buns-green-salad-table_114579-2579.jpg",          imageAlt: "Scenic view of Imlil village in the High Atlas Mountains"},
+          id: "4",          name: "Górska Przygoda do Imlil",          price: "",          variant: "1 dzień (~8 h)",          imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-tandir-bread-buns-green-salad-table_114579-2579.jpg",          imageAlt: "Scenic view of Imlil village in the High Atlas Mountains"},
         {
-          id: "5",          name: "Pustynia Agafay i zachód słońca",          price: "299 PLN",          variant: "1 dzień (~6 h)",          imageSrc: "http://img.b2bpic.net/free-photo/rock-formations-rose-valley-capadoccia-goreme-turkey_181624-10331.jpg",          imageAlt: "Rocky Agafay desert landscape with tents at sunset"},
+          id: "5",          name: "Pustynia Agafay i zachód słońca",          price: "",          variant: "1 dzień (~6 h)",          imageSrc: "http://img.b2bpic.net/free-photo/rock-formations-rose-valley-capadoccia-goreme-turkey_181624-10331.jpg",          imageAlt: "Rocky Agafay desert landscape with tents at sunset"},
         {
-          id: "6",          name: "Wycieczka do Ait Ben Haddou",          price: "229 PLN",          variant: "1 dzień (~9 h)",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-house-architecture_23-2151050958.jpg",          imageAlt: "Historic fortified village of Ait Ben Haddou under clear sky"},
+          id: "6",          name: "Wycieczka do Ait Ben Haddou",          price: "",          variant: "1 dzień (~9 h)",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-house-architecture_23-2151050958.jpg",          imageAlt: "Historic fortified village of Ait Ben Haddou under clear sky"},
       ]}
       title="Wycieczki jednodniowe"
       description="Idealne na szybkie wypady poza Marrakesz – wodospady, wybrzeże, góry Atlas i historyczne kasby."
@@ -228,7 +231,7 @@ export default function LandingPage() {
         name: "Wiadomość",        placeholder: "Twoja wiadomość",        rows: 5,
         required: true,
       }}
-      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-map-with-camera-toy-plane_23-2148255937.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-map-with-camera-toy-plane_23-2148255937.jpg?_wi=2"
       imageAlt="Map of Morocco highlighting popular travel routes"
       mediaAnimation="blur-reveal"
       mediaPosition="right"