diff --git a/index.html b/index.html index 0a15141..5fc608f 100644 --- a/index.html +++ b/index.html @@ -3,8 +3,8 @@ - Tino Andri | SelbstHeilungsTechnik & QuantenHeilung | Ardez & Scuol - + Tino Andri | Quantenheilung & Selbstheilung | Scuol, Engadin + @@ -22,8 +22,8 @@ @@ -33,9 +33,9 @@
-

SelbstHeilungsTechnik & QuantenHeilung

+

Quantenheilung & Selbstheilung

Tino Andri

-

Heilung beginnt in dir selbst

+

Sanfte Impulse, die tief bewegen

Termin vereinbaren
@@ -53,56 +53,103 @@

Über mich

-

Zwischen meinem 18. und 24. Lebensjahr litt ich unter starken Rückenschmerzen durch Bandscheibenvorfälle, einem gerissenen Kreuzband, Meniskusriss, einer ausgekugelten Schulter, zwei Leistenbrüchen und einem geplatzten Blinddarm.

-

Ich fühlte mich körperlich und energetisch am falschen Ort, begleitet von einer tiefen Unzufriedenheit mit meinem Leben.

-

Vor fünf Jahren öffnete mir eine geführte Selbstheilungsmeditation die Augen. Dies weckte mein Interesse daran, wie Heilung funktioniert. Ich besuchte intensive Kurse und praktiziere nun seit vier Jahren.

-

Heute begleite ich Menschen auf ihrem eigenen Heilungsweg – Erwachsene, Jugendliche und Kinder.

+

Tino Andri, aufgewachsen im Unterengadin. In meiner Kindheit und Jugend erlebte ich verschiedene Verletzungen beziehungsweise Traumata die mir mein Selbstwert und Selbstvertrauen nahmen. Mit der Zeit kamen körperliche Schmerzen dazu wie Rückenschmerzen und weitere Verletzungen die mich mehr und mehr einschränkten.

+

Bis zu meiner Spontanheilung war es mir nicht mal bewusst, dass meine seelischen Schmerzen so gross waren und sich Seele und Körper gegenseitig beeinflussen. Dieses wunderbare Erlebnis der Spontanheilung hat mir die Augen geöffnet und einen Heilungsweg mit Bewusstwerdung ermöglicht. Auch konnte ich so meine Berufung finden.

+

Mit verschiedenen Mentoren lernte ich verschiedene Methoden der Selbstheilung kennen und festigte sie mit der über fünfjährigen Selbstanwendung. Vor drei Jahren eröffnete ich meine Praxis mit dem Ziel, Menschen auf ihrem Heilungsweg zu begleiten.

+
+
+

Meine Mentoren

+
    +
  • Roberto Antela Martinez — SHT (Selbstheilungs-Techniken)
  • +
  • Ines Rüfenacht — Quantenheilung
  • +
  • Joe Dispenza — Quantenheilung
  • +
  • Kurt Tepperwein — Bewusstwerdung
  • +
- -
+ +
-

Angebote

-

Ich biete verschiedene Heilungssitzungen an, die auf Ihre individuellen Bedürfnisse abgestimmt sind.

+

Angebot für Bewusstseinsentwicklung und Selbstheilung

-
-
-
- - - -
-

SelbstHeilungsTechnik (SHT)

-

Eine sanfte Methode, die Ihren Körper dabei unterstützt, seine natürlichen Selbstheilungskräfte zu aktivieren und Blockaden zu lösen.

+
+
+

Möchtest du deine inneren Blockaden erkennen und transformieren, um mehr Gesundheit, Zufriedenheit und mehr Lebensenergie zu erfahren?

+

Möchtest du auf dem Weg der Selbstheilung begleitet sein und dich stärken?

+

Möchtest du dein Leben auf eine neue Ebene des Bewusstseins heben?

+

Dann bist du bei mir richtig. Mit den ganzheitlichen Methoden öffnen wir gemeinsam Türen zur Selbstheilung. Wir erkennen die tieferen Ursachen von Symptomen und transformieren sie. Dein Körper darf sich schon nach einer Sitzung regenerieren, dein Geist erfrischt und dein Herz füllt sich mit neuer Lebensenergie.

+

Erlaube dir dein Weg zu einem freieren, gesünderen und erfüllteren Leben – es ist Zeit für deine persönliche Transformation!

+
-
-
- - - - - + +

Inhalt einer Behandlung

+
+
+
1
+
+

Ankommen und Vorgespräch

+

Zu Beginn der Sitzung nehmen wir uns Zeit, um deine aktuellen Herausforderungen und Anliegen zu besprechen. Gemeinsam klären wir, welche Blockaden oder Beschwerden du lösen möchtest.

-

QuantenHeilung

-

Arbeiten auf der Quantenebene, um tiefgreifende Veränderungen im Energiefeld zu bewirken und das innere Gleichgewicht wiederherzustellen.

- -
-
- - - - - - +
+
2
+
+

Einführung in die Entspannung

+

Mit einer kurzen, geführten Entspannungsphase schaffen wir die optimale Grundlage, um in das reine Bewusstseinsfeld einzutauchen. Dein Geist kommt zur Ruhe, und dein Energiefeld öffnet sich für die Heilimpulse.

-

Sitzungen für alle Altersgruppen

-

Ob Erwachsene, Jugendliche oder Kinder – jeder Mensch kann von der Selbstheilung profitieren. Die Sitzungen werden individuell angepasst.

+
+
+
3
+
+

Energetische Transformation

+

In diesem zentralen Teil der Sitzung werden gezielte Impulse auf der Quantenebene gesetzt, um schon lange bestehende Blockaden, Schmerzen oder Traumas und die zugrunde liegenden Ursachen zu lösen. Deine Selbstheilungskräfte werden so aktiviert, und durch harmonisierende Energien wird die Transformation auf allen Ebenen unterstützt.

+
+
+
+
4
+
+

Integration und Reflexion

+

Nach der energetischen Arbeit hast du Zeit, die erfahrenen Veränderungen zu spüren und zu verinnerlichen. Im Anschluss reflektieren wir gemeinsam, welche Erkenntnisse sich gezeigt haben und wie du diese in deinen Alltag integrieren kannst.

+
+
+
+
5
+
+

Alltagstools für nachhaltige Transformation

+

Neben der energetischen Arbeit erhältst du einfache, praktische Werkzeuge für den Alltag: Atemtechniken, Achtsamkeitsübungen, einfache Meditationen, Affirmationen und Impulse für Routinen. Diese Tools unterstützen dich dabei, die angestossenen Veränderungen nachhaltig zu integrieren und langfristig ein erfüllteres, gesünderes Leben zu führen.

+
+
+
+ + +
+

Coaching

+

In meinem Coaching arbeiten wir zusammen an deiner Bewusstwerdung. Ich bringe dir bei, nach welchen Gesetzen das Menschsein spielt und was dir im Alltag helfen kann, dein Potenzial zu entfalten, das nur darauf wartet, gelebt zu werden. Du erhältst viele einfache, jedoch sehr effiziente Werkzeuge, um den Alltag mit Leichtigkeit zu bewältigen.

+

Auch wirst du auf einschränkende Glaubenssätze und Konditionierungen aufmerksam gemacht und bekommst Techniken, um sie in förderliche umzuwandeln. Kurz gesagt: Ich begleite dich auf deinem Bewusstseinsweg und bringe dir bei, wie du dich selber heilen kannst.

+
+ + +
+
+
+ Investition in dich + CHF 100.– / Stunde +
+
+ Dauer + ca. 60–90 Minuten +
+
+

Wenn du es dir momentan nicht leisten kannst, nimm bitte Kontakt mit mir auf und wir finden gemeinsam eine Lösung.

+
+ Praxis Scuol + Fernbehandlung + Hausbesuche
@@ -118,38 +165,182 @@
- -
+ +
-

Standorte

-

Besuchen Sie mich in einem meiner zwei Praxisräume im wunderschönen Engadin.

+

Erfahrungen

+

Was Menschen nach ihren Sitzungen berichten.

-
-
-
- Praxis Ardez - Tino Andri Werkstatt + +
+ + +
+
+

Was bedeutet Quantenheilung?

+

Quantenheilung basiert auf Konzepten der Quantenphysik, insbesondere auf der Idee, dass alles im Universum aus Energie besteht und miteinander verbunden ist.

+ +
+
+ +
+

Hierbei spielt das Phänomen der Quantenverschränkung eine zentrale Rolle. Dieses beschreibt, wie zwei oder mehr Teilchen unabhängig von räumlicher Distanz in einem Zustand bleiben, in dem ihre Eigenschaften untrennbar miteinander verbunden sind. Eine Veränderung bei einem Teilchen beeinflusst sofort das andere, unabhängig davon, wie weit sie voneinander entfernt sind.

+

In der Quantenheilung wird die Quantenverschränkung symbolisch genutzt, um die Verbindung zwischen Bewusstsein, Körper und Energie zu erklären. Der Mensch wird als Teil eines universellen Energiefeldes betrachtet, in dem jede Störung oder Blockade das gesamte System beeinflussen kann. Die Heilung basiert darauf, diese Störungen auf der Quantenebene zu harmonisieren, um das natürliche Gleichgewicht wiederherzustellen.

-
-
- Scuol Palace - Heilungspraxis +
+ +
+

1. Das reine Bewusstseinsfeld: Im Zentrum der Quantenheilung steht der Zugang zum «reinen Bewusstseinsfeld», wo das ganze Potenzial vorhanden ist. Dies ist ein Zustand völliger Klarheit, in dem der Geist frei von Gedanken, Ängsten oder Ablenkungen ist.

+

2. Energetische Impulse setzen: Der Praktizierende dient als Kanal oder Katalysator, der mithilfe seines fokussierten Bewusstseins gezielte Impulse setzt. Diese Impulse «informieren» das Energiefeld des Klienten und harmonisieren disharmonische Frequenzen.

+

3. Selbstheilungskräfte aktivieren: Durch die energetische Harmonisierung werden blockierte Ressourcen freigesetzt, die Heilungsprozesse auf körperlicher, emotionaler und mentaler Ebene angeregt.

+

4. Transformation durch Bewusstsein: Oft entstehen körperliche oder emotionale Beschwerden durch unbewusste Muster, Stress oder ungelöste Konflikte. In der Quantenheilung können diese Muster durch das bewusste Wahrnehmen und Loslassen transformiert werden.

-
-

Scuol Palace

-
- Nairs 500
- 7550 Scuol -
-

Im historischen Scuol Palace, einem Ort der Ruhe und Erholung mit langer Wellness-Tradition.

+
+ +
+ +
+

Körperlich: Quantenheilung kann Schmerzen lindern, die Funktion von Organen verbessern und die Zellregeneration fördern.

+

Emotional: Sie löst emotionale Blockaden, fördert innere Ruhe und hilft bei der Verarbeitung von belastenden Erlebnissen.

+

Mental: Die Methode bringt mentale Klarheit, ersetzt begrenzende Denkmuster und stärkt die Fähigkeit, Herausforderungen zu meistern.

+

Energetisch: Das Energiefeld wird harmonisiert, wodurch der Mensch mehr Vitalität und Lebensfreude erfährt.

+
+
+ +
+ +
+

Die Quantenphysik hat gezeigt, dass Beobachtung und Bewusstsein eine direkte Wirkung auf Materie und Energie haben. Dieses Konzept wird in der Quantenheilung genutzt: Der Praktizierende richtet sein Bewusstsein gezielt auf die Transformation der Herausforderung des Klienten, wodurch eine Veränderung auf tiefster Ebene ermöglicht wird.

+

Quantenheilung ist eine sanfte, aber kraftvolle Methode, die die Prinzipien der Quantenphysik und das Verständnis von Energie miteinander verbindet. Sie bietet die Möglichkeit, tiefsitzende Blockaden zu transformieren und die innere Balance wiederherzustellen, indem sie den Menschen ganzheitlich auf körperlicher, emotionaler und energetischer Ebene unterstützt.

+
+
+
+
+
+ + +
+
+

Was bedeutet Selbstheilung?

+

Der Körper besitzt erstaunliche Fähigkeiten, sich selbst zu reparieren und das innere Gleichgewicht wiederherzustellen.

+ +
+
+ +
+

Der Körper besitzt erstaunliche Fähigkeiten, sich selbst zu reparieren. Zum Beispiel heilt sich eine kleine Schnittwunde durch die Bildung von neuem Gewebe, und bei einer Infektion arbeitet das Immunsystem daran, die Krankheitserreger zu bekämpfen. Dieser Prozess ist oft unbewusst und läuft automatisch ab.

+
+
+ +
+ +
+

Neben der körperlichen Heilung spielt auch die mentale Gesundheit eine grosse Rolle. Positive Gedanken, Stressabbau, Meditation und Achtsamkeit können den Heilungsprozess unterstützen. Das Gehirn kann durch bestimmte Techniken helfen, Schmerzen zu lindern oder emotionale Wunden zu heilen.

+
+
+ +
+ +
+

Gesunde Ernährung, ausreichend Schlaf, Bewegung und ein positives Umfeld fördern die Selbstheilungskräfte. Auch das Vermeiden von schädlichen Substanzen wie Alkohol oder Drogen kann die natürlichen Heilungsprozesse unterstützen.

+
+
+ +
+ +
+

Manche Heilungserfahrungen werden durch den Glauben an die eigene Fähigkeit zur Heilung beeinflusst. Der Placebo-Effekt zeigt, dass die Überzeugung, gesund zu werden, tatsächlich körperliche Veränderungen bewirken kann.

+
+
+ +
+ +
+

Viele Menschen betrachten Selbstheilung als einen ganzheitlichen Prozess, bei dem Körper, Geist und Seele im Einklang sein sollten. Methoden wie Yoga, Meditation, Akupunktur oder Naturheilverfahren werden oft genutzt, um die Selbstheilungskräfte zu stärken.

@@ -160,62 +351,64 @@

Workshops

-

Erleben Sie die Kraft der Selbstheilung in der einzigartigen Atmosphäre der Engadiner Berge.

+

Quantenheilung und Selbstheilung aktivieren

Workshop in den Engadiner Bergen
- Nächster Workshop -

Selbstheilung in den Bergen

-
-
- - - - - - - Datum wird bekannt gegeben -
-
- - - - - Chamonna Cler, Ardez (2475 m ü.M.) -
-
-

Ein besonderes Erlebnis auf 2475 Metern Höhe. Treffpunkt am Bahnhof Ardez um 09:15 Uhr, Aufstieg zur Alp Murtera, gefolgt von einer kurzen 20-minütigen Wanderung zur Chamonna Cler.

-

In der kraftvollen Bergumgebung tauchen wir gemeinsam in die Welt der Selbstheilung ein.

+ Workshop-Programm +

Quantenheilung und Selbstheilung aktivieren

+

Erlebe die transformative Kraft der Quantenheilung und lerne, wie du innere Blockaden löst, deine Selbstheilungskräfte aktivierst und nachhaltige Balance in dein Leben bringst. In diesem praxisorientierten Workshop erfährst du die Grundlagen der Quantenheilung und erhältst einfache, alltagstaugliche Tools, um deinen Heilungsprozess selbstständig zu unterstützen.

+

Dieser Workshop richtet sich an Menschen, die ihre Gesundheit, Lebensenergie und innere Klarheit fördern möchten. Vorkenntnisse sind nicht erforderlich – nur die Offenheit, Neues zu entdecken.

Interesse anmelden
+ +
+
+

Praxis

+
+
+

Praxis Scuol

+
+ Pimunt 271
+ 7550 Scuol +
+
+
+

Behandlungen auch als Fernbehandlung oder Hausbesuche möglich.

+

Bei Hausbesuchen passt sich der Tarif an die Entfernung an.

+
+
+
+
+

Kontakt

-

Ich freue mich auf Ihre Nachricht. Gemeinsam finden wir den richtigen Weg für Ihre Heilung.

+

Ich freue mich auf deine Nachricht. Gemeinsam finden wir den richtigen Weg für deine Heilung.

- +41 XX XXX XX XX + +41 79 476 33 72
- info@tino-ardez.ch + info@tino-ardez.ch
@@ -249,18 +442,18 @@
diff --git a/script.js b/script.js index 42477ae..120808e 100644 --- a/script.js +++ b/script.js @@ -1,5 +1,5 @@ /** - * Tino Andri - SelbstHeilungsTechnik & QuantenHeilung + * Tino Andri - Quantenheilung & Selbstheilung * JavaScript functionality */ @@ -86,15 +86,12 @@ document.addEventListener('DOMContentLoaded', function() { contactForm.addEventListener('submit', function(e) { e.preventDefault(); - // Get form data const formData = new FormData(this); const data = Object.fromEntries(formData); - // Here you would typically send the data to a server console.log('Form submitted:', data); - // Show success message (replace with actual implementation) - alert('Vielen Dank für Ihre Nachricht! Ich werde mich bald bei Ihnen melden.'); + alert('Vielen Dank für deine Nachricht! Ich werde mich bald bei dir melden.'); this.reset(); }); } @@ -122,4 +119,142 @@ document.addEventListener('DOMContentLoaded', function() { }; window.addEventListener('scroll', highlightNav, { passive: true }); + + // ========================================================================= + // Testimonial Carousel + // ========================================================================= + const carousel = document.querySelector('.carousel'); + + if (carousel) { + const track = carousel.querySelector('.carousel-track'); + const cards = track.querySelectorAll('.testimonial-card'); + const prevBtn = carousel.querySelector('.carousel-prev'); + const nextBtn = carousel.querySelector('.carousel-next'); + const dotsContainer = carousel.querySelector('.carousel-dots'); + const totalCards = cards.length; + let currentIndex = 0; + let autoAdvanceTimer = null; + + // Responsive visible count + function getVisibleCount() { + if (window.innerWidth <= 640) return 1; + if (window.innerWidth <= 1024) return 2; + return 3; + } + + let visibleCount = getVisibleCount(); + + function getMaxIndex() { + return Math.max(0, totalCards - visibleCount); + } + + // Build dots + function buildDots() { + dotsContainer.innerHTML = ''; + const dotCount = getMaxIndex() + 1; + for (let i = 0; i < dotCount; i++) { + const dot = document.createElement('button'); + dot.classList.add('carousel-dot'); + dot.setAttribute('aria-label', `Folie ${i + 1}`); + if (i === currentIndex) dot.classList.add('active'); + dot.addEventListener('click', () => goTo(i)); + dotsContainer.appendChild(dot); + } + } + + function updateCarousel() { + const gap = 24; // matches CSS gap + const cardWidth = (track.clientWidth - gap * (visibleCount - 1)) / visibleCount; + const offset = currentIndex * (cardWidth + gap); + track.style.transform = `translateX(-${offset}px)`; + + // Update dots + dotsContainer.querySelectorAll('.carousel-dot').forEach((dot, i) => { + dot.classList.toggle('active', i === currentIndex); + }); + + // Update button states + prevBtn.disabled = currentIndex === 0; + nextBtn.disabled = currentIndex >= getMaxIndex(); + } + + function goTo(index) { + currentIndex = Math.max(0, Math.min(index, getMaxIndex())); + updateCarousel(); + resetAutoAdvance(); + } + + function goNext() { + if (currentIndex >= getMaxIndex()) { + goTo(0); + } else { + goTo(currentIndex + 1); + } + } + + function goPrev() { + goTo(currentIndex - 1); + } + + // Auto-advance + function startAutoAdvance() { + autoAdvanceTimer = setInterval(goNext, 6000); + } + + function resetAutoAdvance() { + clearInterval(autoAdvanceTimer); + startAutoAdvance(); + } + + // Pause on hover + carousel.addEventListener('mouseenter', () => clearInterval(autoAdvanceTimer)); + carousel.addEventListener('mouseleave', startAutoAdvance); + + // Button events + prevBtn.addEventListener('click', goPrev); + nextBtn.addEventListener('click', goNext); + + // Handle resize + let resizeTimeout; + window.addEventListener('resize', () => { + clearTimeout(resizeTimeout); + resizeTimeout = setTimeout(() => { + const newCount = getVisibleCount(); + if (newCount !== visibleCount) { + visibleCount = newCount; + if (currentIndex > getMaxIndex()) currentIndex = getMaxIndex(); + buildDots(); + } + updateCarousel(); + }, 150); + }); + + // Initialize + buildDots(); + updateCarousel(); + startAutoAdvance(); + } + + // ========================================================================= + // Accordion + // ========================================================================= + document.querySelectorAll('.accordion-group').forEach(group => { + const accordions = group.querySelectorAll('.accordion'); + + accordions.forEach(accordion => { + const header = accordion.querySelector('.accordion-header'); + + header.addEventListener('click', () => { + const isOpen = accordion.classList.contains('open'); + + // Close all in this group + accordions.forEach(a => a.classList.remove('open')); + + // Toggle clicked + if (!isOpen) { + accordion.classList.add('open'); + } + }); + }); + }); }); diff --git a/styles.css b/styles.css index f7d978e..5d7014a 100644 --- a/styles.css +++ b/styles.css @@ -1,5 +1,5 @@ /* ========================================================================== - Tino Andri - SelbstHeilungsTechnik & QuantenHeilung + Tino Andri - Quantenheilung & Selbstheilung Modern, calming design for a healing practice ========================================================================== */ @@ -331,50 +331,6 @@ p:last-child { border-radius: var(--radius-md); } -/* -------------------------------------------------------------------------- - Placeholder Images - -------------------------------------------------------------------------- */ -.placeholder-image { - width: 100%; - height: 100%; - min-height: 300px; - background: linear-gradient(135deg, var(--color-bg-alt) 0%, #e8e6e2 100%); - border-radius: var(--radius-md); - display: flex; - align-items: center; - justify-content: center; - position: relative; - overflow: hidden; -} - -.placeholder-image::before { - content: attr(data-text); - color: var(--color-text-muted); - font-size: 0.9rem; - text-transform: uppercase; - letter-spacing: 2px; -} - -.placeholder-image::after { - content: ''; - position: absolute; - inset: 0; - border: 2px dashed var(--color-text-muted); - border-radius: var(--radius-md); - opacity: 0.3; - pointer-events: none; -} - -.placeholder-portrait { - aspect-ratio: 3/4; - max-width: 400px; -} - -.placeholder-wide { - aspect-ratio: 16/9; - min-height: 250px; -} - /* -------------------------------------------------------------------------- About Section -------------------------------------------------------------------------- */ @@ -386,7 +342,7 @@ p:last-child { display: grid; grid-template-columns: 1fr 1.5fr; gap: var(--spacing-lg); - align-items: center; + align-items: start; } .about-text p { @@ -413,51 +369,220 @@ p:last-child { box-shadow: var(--shadow-md); } -/* -------------------------------------------------------------------------- - Services Section - -------------------------------------------------------------------------- */ -.services-grid { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: var(--spacing-md); +/* Mentors */ +.mentors { + margin-top: var(--spacing-md); + padding-top: var(--spacing-md); + border-top: 1px solid var(--color-bg-alt); } -.service-card { - background: var(--color-white); - padding: var(--spacing-md); - border-radius: var(--radius-md); - text-align: center; - box-shadow: var(--shadow-sm); - transition: all var(--transition-base); -} - -.service-card:hover { - transform: translateY(-5px); - box-shadow: var(--shadow-md); -} - -.service-icon { - width: 60px; - height: 60px; - margin: 0 auto var(--spacing-sm); +.mentors h3 { + font-size: 1.1rem; + margin-bottom: var(--spacing-sm); color: var(--color-primary); } -.service-icon svg { - width: 100%; - height: 100%; +.mentors-list { + list-style: none; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 0.5rem; } -.service-card h3 { +.mentors-list li { + font-size: 0.95rem; + color: var(--color-text-light); +} + +.mentors-list li strong { + color: var(--color-text); + font-weight: 600; +} + +/* -------------------------------------------------------------------------- + Angebot Section + -------------------------------------------------------------------------- */ +.angebot { + background: var(--color-bg); +} + +.angebot-intro { + max-width: 800px; + margin: 0 auto var(--spacing-lg); + text-align: center; +} + +.rhetorical-questions { + margin-bottom: var(--spacing-md); +} + +.rhetorical-question { + font-family: var(--font-heading); + font-size: 1.3rem; + font-style: italic; + color: var(--color-primary); margin-bottom: var(--spacing-sm); - font-size: 1.25rem; + line-height: 1.5; } -.service-card p { +.angebot-answer { + font-size: 1.05rem; + color: var(--color-text-light); +} + +.angebot-cta-text { + font-weight: 600; + color: var(--color-text); +} + +/* Process Timeline */ +.process-title { + text-align: center; + font-size: 1.5rem; + margin-bottom: var(--spacing-md); +} + +.process-timeline { + max-width: 800px; + margin: 0 auto var(--spacing-lg); + position: relative; +} + +.process-timeline::before { + content: ''; + position: absolute; + left: 24px; + top: 0; + bottom: 0; + width: 2px; + background: var(--color-secondary-light); +} + +.process-step { + display: flex; + gap: var(--spacing-md); + margin-bottom: var(--spacing-md); + position: relative; +} + +.process-step:last-child { + margin-bottom: 0; +} + +.step-number { + width: 50px; + height: 50px; + border-radius: 50%; + background: var(--color-primary); + color: var(--color-white); + display: flex; + align-items: center; + justify-content: center; + font-family: var(--font-heading); + font-size: 1.25rem; + font-weight: 600; + flex-shrink: 0; + position: relative; + z-index: 1; +} + +.step-content { + background: var(--color-white); + padding: var(--spacing-md); + border-radius: var(--radius-md); + box-shadow: var(--shadow-sm); + flex: 1; +} + +.step-content h4 { + font-family: var(--font-heading); + font-size: 1.15rem; + margin-bottom: 0.5rem; + color: var(--color-primary-dark); +} + +.step-content p { color: var(--color-text-light); font-size: 0.95rem; } +/* Coaching Card */ +.coaching-card { + max-width: 800px; + margin: 0 auto var(--spacing-md); + background: var(--color-white); + padding: var(--spacing-md); + border-radius: var(--radius-md); + box-shadow: var(--shadow-sm); + border-left: 4px solid var(--color-secondary); +} + +.coaching-card h3 { + font-size: 1.35rem; + margin-bottom: var(--spacing-sm); + color: var(--color-primary-dark); +} + +.coaching-card p { + color: var(--color-text-light); + font-size: 0.95rem; +} + +/* Pricing Card */ +.pricing-card { + max-width: 600px; + margin: var(--spacing-md) auto 0; + background: var(--color-primary); + color: var(--color-white); + padding: var(--spacing-md); + border-radius: var(--radius-md); + text-align: center; +} + +.pricing-details { + display: flex; + justify-content: center; + gap: var(--spacing-lg); + margin-bottom: var(--spacing-sm); +} + +.pricing-label { + display: block; + font-size: 0.85rem; + text-transform: uppercase; + letter-spacing: 1px; + opacity: 0.8; + margin-bottom: 0.25rem; +} + +.pricing-value { + display: block; + font-family: var(--font-heading); + font-size: 1.5rem; + font-weight: 600; +} + +.pricing-note { + font-size: 0.9rem; + opacity: 0.85; + font-style: italic; + margin-bottom: var(--spacing-sm); +} + +.pricing-locations { + display: flex; + justify-content: center; + gap: var(--spacing-sm); + flex-wrap: wrap; +} + +.pricing-locations span { + background: rgba(255, 255, 255, 0.15); + padding: 0.25rem 0.75rem; + border-radius: var(--radius-sm); + font-size: 0.85rem; +} + /* -------------------------------------------------------------------------- Quote Section -------------------------------------------------------------------------- */ @@ -488,50 +613,196 @@ p:last-child { } /* -------------------------------------------------------------------------- - Locations Section + Testimonials / Carousel -------------------------------------------------------------------------- */ -.locations { +.testimonials { background: var(--color-white); } -.locations-grid { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: var(--spacing-md); -} - -.location-card { - background: var(--color-bg); - border-radius: var(--radius-md); +.carousel { + position: relative; overflow: hidden; - box-shadow: var(--shadow-sm); } -.location-img { - width: 100%; - height: 200px; - object-fit: cover; +.carousel-track { + display: flex; + gap: 24px; + transition: transform 0.4s ease; } -.location-content { +.testimonial-card { + flex: 0 0 calc((100% - 48px) / 3); + background: var(--color-bg); padding: var(--spacing-md); + border-radius: var(--radius-md); + display: flex; + flex-direction: column; + justify-content: space-between; } -.location-content h3 { - margin-bottom: var(--spacing-xs); +.testimonial-card blockquote { + margin-bottom: var(--spacing-sm); +} + +.testimonial-card blockquote p { + color: var(--color-text-light); + font-size: 0.95rem; + font-style: italic; + line-height: 1.7; +} + +.testimonial-card cite { + font-style: normal; + font-weight: 600; + color: var(--color-primary); + font-size: 0.95rem; +} + +.testimonial-lang { + font-weight: 400; + font-size: 0.85rem; + color: var(--color-text-muted); +} + +.carousel-controls { + display: flex; + align-items: center; + justify-content: center; + gap: var(--spacing-sm); + margin-top: var(--spacing-md); +} + +.carousel-btn { + width: 40px; + height: 40px; + border-radius: 50%; + border: 1px solid var(--color-primary-light); + background: var(--color-white); + color: var(--color-primary); + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + transition: all var(--transition-fast); +} + +.carousel-btn:hover:not(:disabled) { + background: var(--color-primary); + color: var(--color-white); + border-color: var(--color-primary); +} + +.carousel-btn:disabled { + opacity: 0.3; + cursor: default; +} + +.carousel-btn svg { + width: 20px; + height: 20px; +} + +.carousel-dots { + display: flex; + gap: 8px; +} + +.carousel-dot { + width: 10px; + height: 10px; + border-radius: 50%; + border: none; + background: var(--color-secondary-light); + cursor: pointer; + transition: background var(--transition-fast); + padding: 0; +} + +.carousel-dot.active { + background: var(--color-primary); +} + +/* -------------------------------------------------------------------------- + Explainer / Accordion Sections + -------------------------------------------------------------------------- */ +.explainer { + background: var(--color-bg); +} + +.explainer-alt { + background: var(--color-white); +} + +.accordion-group { + max-width: 800px; + margin: 0 auto; +} + +.accordion { + border: 1px solid var(--color-bg-alt); + border-radius: var(--radius-md); + margin-bottom: var(--spacing-sm); + background: var(--color-white); + overflow: hidden; +} + +.explainer-alt .accordion { + background: var(--color-bg); +} + +.accordion-header { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + padding: var(--spacing-sm) var(--spacing-md); + background: none; + border: none; + cursor: pointer; + font-family: var(--font-heading); + font-size: 1.15rem; + font-weight: 500; + color: var(--color-text); + text-align: left; + transition: color var(--transition-fast); +} + +.accordion-header:hover { color: var(--color-primary); } -.location-content address { - font-style: normal; - color: var(--color-text); - margin-bottom: var(--spacing-sm); - line-height: 1.6; +.accordion-icon { + width: 20px; + height: 20px; + flex-shrink: 0; + transition: transform var(--transition-base); + color: var(--color-primary); } -.location-content p { +.accordion.open .accordion-icon { + transform: rotate(180deg); +} + +.accordion-body { + max-height: 0; + overflow: hidden; + transition: max-height 0.35s ease, padding 0.35s ease; + padding: 0 var(--spacing-md); +} + +.accordion.open .accordion-body { + max-height: 800px; + padding: 0 var(--spacing-md) var(--spacing-md); +} + +.accordion-body p { color: var(--color-text-light); font-size: 0.95rem; + margin-bottom: 0.75rem; +} + +.accordion-body p:last-child { + margin-bottom: 0; } /* -------------------------------------------------------------------------- @@ -580,28 +851,6 @@ p:last-child { margin-bottom: var(--spacing-sm); } -.workshop-details { - display: flex; - flex-direction: column; - gap: var(--spacing-xs); - margin-bottom: var(--spacing-sm); -} - -.workshop-detail { - display: flex; - align-items: center; - gap: var(--spacing-xs); - color: var(--color-text-light); - font-size: 0.95rem; -} - -.workshop-detail svg { - width: 20px; - height: 20px; - color: var(--color-primary); - flex-shrink: 0; -} - .workshop-content p { color: var(--color-text-light); margin-bottom: var(--spacing-sm); @@ -612,6 +861,48 @@ p:last-child { margin-top: var(--spacing-sm); } +/* -------------------------------------------------------------------------- + Praxis Section + -------------------------------------------------------------------------- */ +.praxis { + background: var(--color-white); +} + +.praxis-card { + max-width: 600px; + margin: 0 auto; + text-align: center; + background: var(--color-bg); + padding: var(--spacing-lg) var(--spacing-md); + border-radius: var(--radius-lg); + box-shadow: var(--shadow-sm); +} + +.praxis-location h3 { + font-size: 1.5rem; + color: var(--color-primary); + margin-bottom: var(--spacing-xs); +} + +.praxis-location address { + font-style: normal; + font-size: 1.1rem; + color: var(--color-text); + line-height: 1.6; + margin-bottom: var(--spacing-md); +} + +.praxis-options p { + color: var(--color-text-light); + font-size: 0.95rem; +} + +.praxis-note { + font-size: 0.9rem; + color: var(--color-text-muted); + font-style: italic; +} + /* -------------------------------------------------------------------------- Contact Section -------------------------------------------------------------------------- */ @@ -650,6 +941,15 @@ p:last-child { flex-shrink: 0; } +.contact-item a { + color: var(--color-text); + font-weight: 400; +} + +.contact-item a:hover { + color: var(--color-primary); +} + .contact-form { background: var(--color-white); padding: var(--spacing-md); @@ -771,8 +1071,8 @@ p:last-child { justify-content: center; } - .services-grid { - grid-template-columns: repeat(2, 1fr); + .mentors-list { + grid-template-columns: 1fr; } .workshop-card { @@ -786,6 +1086,10 @@ p:last-child { .contact-grid { grid-template-columns: 1fr; } + + .testimonial-card { + flex: 0 0 calc((100% - 24px) / 2); + } } @media (max-width: 768px) { @@ -827,12 +1131,9 @@ p:last-child { transform: rotate(-45deg) translate(5px, -5px); } - .services-grid { - grid-template-columns: 1fr; - } - - .locations-grid { - grid-template-columns: 1fr; + .pricing-details { + flex-direction: column; + gap: var(--spacing-sm); } .footer-content { @@ -847,6 +1148,26 @@ p:last-child { } } +@media (max-width: 640px) { + .testimonial-card { + flex: 0 0 100%; + } + + .process-timeline::before { + left: 20px; + } + + .step-number { + width: 42px; + height: 42px; + font-size: 1.1rem; + } + + .step-content { + padding: var(--spacing-sm); + } +} + @media (max-width: 480px) { :root { --spacing-md: 1.5rem; @@ -858,6 +1179,10 @@ p:last-child { padding: 0.75rem 1.5rem; font-size: 0.85rem; } + + .rhetorical-question { + font-size: 1.15rem; + } } /* --------------------------------------------------------------------------