Update src/app/morocco-tours/page.tsx

Merge version_2 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"
+            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",                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: "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: "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: "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: "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"
+              }
+            ]}
+            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>